当前位置:编程学习 > JS >>

js 图片切换效果

本文章提供一款超漂亮的msn频道图片切换效果这款js切换代码是一款带小图效果的代码,同时我们也提供效果在线预览与源码下载。

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">


<html><head><title>js 图片切换效果</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<link href="css教程/163css.css" type=text/css rel=stylesheet>
<script src="js/163css.js"></script>
<style>
.focus{ position:relative; overflow:hidden;}
</style>

<meta content="mshtml 6.00.6000.17080" name=generator></head>
<body>

<div class=focus>
 <h4>http://down.zzzyk.com</h4>
 <div id=bigpiclist style="display: none">
 <a href="#" target=_blank><img src="images/u131p41t17d21f469dt20100919105847.jpg"></a><a href="#" target=_blank><img src="images/u152p41t17d20f469dt20100920151226.jpg"></a><a href="#" target=_blank><img src="images/u152p41t17d19f469dt20100914091703.jpg"></a><a href="#" target=_blank><img src="images/u213p41t17d18f469dt20100920111809.jpg"></a>
 </div>
 <div class=bigpic id=bigpic><a href="#" target=_blank></a></div>
 <div class=focusbox id=focusbox>
  <span></span>
  <div class=focuslist>
   <img class=rbtn id=rbtn src="images/rbtn.gif">
   <img class=lbtn id=lbtn src="images/lbtn.gif">
   <div id=focuslist>
   <ul>
     <li><span><a href="网页特效:void(0)" target=_self><img src="images/u131p41t17d21f474dt20100919105847.jpg"></a></span></li>
     <li><span><a href="javascript:void(0)" target=_self><img src="images/u152p41t17d20f474dt20100920151226.jpg"></a></span></li>
     <li><span><a href="javascript:void(0)" target=_self><img src="images/u152p41t17d19f474dt20100914091703.jpg"></a></span></li>
     <li><span><a href="javascript:void(0)" target=_self><img src="images/u213p41t17d18f474dt20100920111809.jpg"></a></span></li>
   </ul>
   </div>
  </div>
 </div>
</div>
<script>
 focusimg();
</script>
</body>
</html>

效果预览
http://g.zzzyk.com/javascript/code/20101021/msn
源码下载
http://down.zzzyk.com/down/code/js/jiaodiantu/2010/1022/21359.html

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,