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

2009-10-20 08:54:18 | 【

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

查看演示页面 View Demo 查看全部代码 View Code

在网页<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在下载包内!

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

  • 本地下载
  • 本地下载2

相关资源