其实是拿网易新闻首页那东西,看着挺喜欢的,拿来用到新模板上。呵呵
给个在线演示地址:http://vl99.com/webtest/jsphotoswitch/index.htm(看不到,就直接去163看...)下载的直接另存为。。
虽然效果不错,但看一下代码,发现是用整个js包调用的,整个包就10kb大了。。好像比起flash还大,晕。但是如果网页上用多个这种div切换效果就方便很多了。
<DIV class="area areabg1 clearfix">
<DIV class="colMR focusPic">
<DIV class="main clearfix tab" id=focus_tab>
<DIV class="normal on">
//第一张图
<H2>//第一张图标题</H2>
<P class=cDGray>//第一张图简介</P></DIV>
<DIV class="normal on">
//第2张图
<H2>//第2张图标题</H2>
<P class=cDGray>//第2张图简介</P></DIV>
<DIV class="normal on">
//第n张图
<H2>//第n张图标题</H2>
<P class=cDGray>//第n张图简介</P></DIV>
<UL class=sidePic id=menuBar_focus>
<LI class=on>小图片第一张</LI>
<LI><小图片第2张 </LI>
<LI><SPAN class=gg></SPAN小图片第n张</LI></UL></DIV>
</DIV>
</DIV><!-- 首屏end -->
<SCRIPT language=JavaScript src="photo/Js163Core.js" type=text/javascript charset=gb2312></SCRIPT>
<SCRIPT language=JavaScript type=text/javascript>
var focus_tab = new NTES.UI.Slide(NTES("#menuBar_focus > li"), NTES("#focus_tab > div"), "on", "mouseover"); // 新闻切换
</SCRIPT>
