JS仿flash图像幻灯片效果

2009.03.28 作者: 小V - 0 评论
文章分类: JavaScript

      其实是拿网易新闻首页那东西,看着挺喜欢的,拿来用到新模板上。呵呵

给个在线演示地址:http://vl99.com/webtest/jsphotoswitch/index.htm(看不到,就直接去163看...)下载的直接另存为。。

  虽然效果不错,但看一下代码,发现是用整个js包调用的,整个包就10kb大了。。好像比起flash还大,晕。但是如果网页上用多个这种div切换效果就方便很多了。

jsphotoswith

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

相关文章