当当网首页焦点图片广告切换效果

2009-10-29 09:42:25 来源:查看 | 【

纯js实现的焦点图片切换效果,带有标题显示,可以前后翻页,效果简单实用

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

在网页<head>区添加以下代码

<LINK href="css/css.css" type=text/css rel=stylesheet>
<SCRIPT src="js/xixi.js" type=text/javascript></SCRIPT>


在网页<body>区添加以下代码

<DIV class=ddindex_content_lz id=__E_lunzhuan>
<DIV id=lantern>
<DIV id=lanternMain>
<DIV id=lanternImg></DIV></DIV>
<DIV 
style="BORDER-TOP: #ffffff 1px solid; FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid"><IMG onclick=Lantern.moveprevious(); src="images/index_banner_lz_02_left.gif"></DIV>
<DIV id=lanternNavy></DIV>
<DIV style="BORDER-TOP: #ffffff 1px solid; FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid"><IMG onclick=Lantern.movenext(); src="images/index_banner_lz_02_right.gif"></DIV>
<SCRIPT type=text/javascript>
     document.lanterninfo=function(){
   Lanterninfo=new Array();
   Lanterninfo=[       
       ['images/01.jpg','快乐学习 快乐成长 开学装备特惠场!','http://www.sharejs.com/'],['images/02.jpg','浪漫七夕夜 情人礼品大放价!','http://www.sharejs.com/'],['images/03.jpg','百万商品大让利,全场1-5折!','http://www.sharejs.com/'],['images/04.jpg','09新书畅销排行69折封顶','http://www.sharejs.com/'],['images/05.jpg','新学期当当网教材教辅图书大联展','http://www.sharejs.com/']
       ];
       
       return Lanterninfo;
   } 
   Lantern.info=new Array();
   Lantern.info=document.lanterninfo();
   Lantern.init();
</SCRIPT>
</DIV></DIV>

下载"当当网首页焦点图片广告切换效果 "

  • 本地下载
  • 本地下载2

相关资源