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