纯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>




