首页 > JavaScript代码 > 常用广告.焦点广告 AD > 详细内容

可任意定义图片数量,并带有缩略图的焦点广告切换效果
兼容性:IE6+ FireFox2+ Opera9+   更新时间:2009-10-20

简介:js+flash实现,用户可以自定义广告图片的数量,带有前后翻页效果,自动循环


可任意定义图片数量,并带有缩略图的焦点广告切换效果

查看源代码:查看




使用说明:
    在网页<body>区添加以下代码

<SCRIPT language=javascript1.1>
var Arr_big	= new Array();
var Arr_small	= new Array();
var Arr_link	= new Array()
var Arr_title	= new Array()
var Arr_context	= new Array()
Arr_big[0]	="images/01.jpg" //大图 380x260
Arr_small[0]	="images/s1.jpg" //小图 75x50
Arr_link[0]	=encodeURIComponent("http://www.sharejs.com/") //链接
Arr_big[1]	="images/02.jpg"
Arr_small[1]	="images/s2.jpg"
Arr_link[1]	=encodeURIComponent("http://www.sharejs.com/")
Arr_big[2]	="images/03.jpg"
Arr_small[2]	="images/s3.jpg"
Arr_link[2]	=encodeURIComponent("http://www.sharejs.com/")
Arr_big[3]	="images/04.jpg"
Arr_small[3]	="images/s4.jpg"
Arr_link[3]	=encodeURIComponent("http://www.sharejs.com/")
Arr_big[4]	="images/05.jpg"
Arr_small[4]	="images/s5.jpg"
Arr_link[4]	=encodeURIComponent("http://www.sharejs.com/")
Arr_big[5]	="images/06.jpg"
Arr_small[5]	="images/s6.jpg"
Arr_link[5]	=encodeURIComponent("http://www.sharejs.com/")
var bigpics	=Arr_big.join("|")
var smallpics	=Arr_small.join("|")
var links	=Arr_link.join("|")
var titles	=Arr_title.join("|")
var context	=Arr_context.join("|")
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="380" height="340">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="swf/xixi.swf"><param name="quality" value="high"><param name="bgcolor" value="#000000">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="bigpics='+bigpics+'&smallpics='+smallpics+'&links='+links+'&titles='+titles+'&context='+context+'">');
document.write('<embed src="swf/xixi.swf" wmode="opaque" FlashVars="bigpics='+bigpics+'&smallpics='+smallpics+'&links='+links+'&titles='+titles+'&context='+context+'" menu="false" bgcolor="#000000" quality="high" width="380" height="340" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');	document.write('</object>');
</SCRIPT>



演示图片及Flash在下载包内!


下载:     从本地下载

分享到: 更多

上一篇: PPLive带前后翻页的焦点图片切换效果   下一篇: 普通四屏焦点图片切换效果