可任意定义图片数量,并带有缩略图的焦点广告切换效果
兼容性: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带前后翻页的焦点图片切换效果 下一篇: 普通四屏焦点图片切换效果
本类最新
本类热门