http://www.csrcode.cn/html/txdm/txtx/3929.htmhttp://www.csrcode.cn/html/txdm/txtx/3929.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS+CSS打造腾讯网漂亮的带缩略图的图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<link rel="stylesheet" type="text/css" href="/imagesforcode/201203/lrtk.css">
<script type="text/javascript" src="/imagesforcode/201203/jquery.js"></script>
<script type="text/javascript" src="/imagesforcode/201203/slide.js"></script>
</head>
<body>
预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。<br>
<!--把下面代码加到<body>与</body>之间-->
<div style="height: 560px; padding-top: 20px" class="wrap picshow">
<div id="picarea">
<div style="margin: 0px auto; width: 774px; height: 436px; overflow: hidden">
<div style="margin: 0px auto; width: 774px; height: 436px; overflow: hidden" id="bigpicarea">
<p class="bigbtnPrev"><span id="big_play_prev"></span></p>
<div id="image_zixue-01" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42766101.jpg" width="772" height="434"></a>
<div class="word">
<h3>舞动青春</h3>
</div>
</div>
<div id="image_zixue-02" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42813100.jpg" width="772" height="434"></a>
<div class="word">
<h3>台球厅的生活</h3>
</div>
</div>
<div id="image_zixue-03" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42813102.jpg" width="772" height="434"></a>
<div class="word">
<h3>采访进行中</h3>
</div>
</div>
<div id="image_zixue-04" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42813139.jpg" width="772" height="434"></a>
<div class="word">
<h3>美女代言人</h3>
</div>
</div>
<div id="image_zixue-05" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42766145.jpg" width="772" height="434"></a>
<div class="word">
<h3>红色经典</h3>
</div>
</div>
<div id="image_zixue-06" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42766146.jpg" width="772" height="434"></a>
<div class="word">
<h3>回眸</h3>
</div>
</div>
<div id="image_zixue-07" class="image"><a href="#" target="_blank"><img alt="" src="/imagesforcode/201203/42766159.jpg" width="772" height="434"></a>
<div class="word">
<h3>眩光的诱惑</h3>
</div>
</div>
<P class="bigbtnNext"><span id="big_play_next"></span></P>
</div>
</div>
<div id="smallpicarea">
<div id="thumbs">
<ul>
<li class="first btnPrev"><img id="play_prev" src="/imagesforcode/201203/left.png"></li>
<li class="slideshowItem">
<a id="thumb_zixue-01" href="#"><img src="/imagesforcode/201203/42766316.jpg" width="90" height="60"></a>
</li>
<li class="slideshowItem">
<a id="thumb_zixue-02" href="#"><img src="/imagesforcode/201203/42813171.jpg" width="90" height="60"></a>
</li>
<li class="slideshowItem">
<a id="thumb_zixue-03" href="#"><img src="/imagesforcode/201203/42813178.jpg" width="90" height="60"></a>
</li>
<li class="slideshowItem">
<a id="thumb_zixue-04" href="#"><img src="/imagesforcode/201203/42813186.jpg" width="90" height="60"></a>
</li>
<li class="slideshowItem">
<a id="thumb_zixue-05" href="#"><img src="/imagesforcode/201203/42766362.jpg" width="90" height="60"></a>
</li>
<li class="slideshowItem">
<a id="thumb_zixue-06" href="#"><img src="/imagesforcode/201203/42766274.jpg" width="90" height="60"></a>
</li>
<li class="last_img slideshowItem">
<a id="thumb_zixue-07" href="#"><img src="/imagesforcode/201203/42766298.jpg" width="90" height="60"></a>
</li>
<li class="last btnNext"><img id="play_next" src="/imagesforcode/201203/right.png"></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
var target = ["zixue-01", "zixue-02", "zixue-03", "zixue-04", "zixue-05", "zixue-06", "zixue-07"];
</script>
</div>
</body>
</html>
<br><br><hr><p align="center"><font color=black>本特效由 <a href="http://www.CsrCode.cn" target="_blank">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网，只为兴趣与学习交流，不作商业用途。</font></p>
605
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
