效果如下：
主要代码如下：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为三图并列jquery焦点图代码，属于站长常用代码。" />
<title>三图并列jquery焦点图代码</title>
<link href="css/zsucai.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 代码 开始 -->
<div class="wrapper top-main clearfix">
<div class="main tab mt15">
<!--切换图片-->
<div class="slide">
<ul id="bigSlideUl" class="slide-ul clearfix">
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" src="images/1369383598982.jpg" alt="可爱的手机壁纸下载" />
<span class="pic-txt">可爱的手机壁纸下载(11张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" src="images/1353485118249.jpg" alt="清纯非主流美女高清壁纸" />
<span class="pic-txt">清纯非主流美女高清壁(10张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" src="images/1355218285736.jpg" alt="精选唯美风景手机壁纸" />
<span class="pic-txt">精选唯美风景手机壁纸(5张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1355742153253.jpg" alt="最新热门美女写真高清壁纸" />
<span class="pic-txt">最新热门美女写真高清(7张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1355468691609.jpg" alt="最新海贼王可爱动漫iPhone壁纸" />
<span class="pic-txt">最新海贼王可爱动漫i(8张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1354614801743.jpg" alt="卡通Q版手机壁纸" />
<span class="pic-txt">卡通Q版手机壁纸(8张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1372402137127.jpg" alt="经典动漫海贼王手机壁纸" />
<span class="pic-txt">经典动漫海贼王手机壁(10张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1370761386641.jpg" alt="文艺范高清卡通壁纸" />
<span class="pic-txt">文艺范高清卡通壁纸(11张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1372038703930.jpg" alt="小时代电影精美壁纸" />
<span class="pic-txt">小时代电影精美壁纸(15张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/137170892289.jpg" alt="可爱杨幂高清手机壁纸" />
<span class="pic-txt">可爱杨幂高清手机壁纸(13张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/13691345082.jpg" alt="可爱Q版海贼王one piece主题iPhone手机壁纸" />
<span class="pic-txt">可爱Q版海贼王one pi(10张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1368518565890.jpg" alt="安卓手机高清壁纸推荐" />
<span class="pic-txt">安卓手机高清壁纸推荐(11张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1368179008600.jpg" alt="潮人必备酷炫的美景壁纸" />
<span class="pic-txt">潮人必备酷炫的美景壁(15张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/136817468750.jpg" alt="高清美女安卓手机壁纸" />
<span class="pic-txt">高清美女安卓手机壁纸(11张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1367837316329.jpg" alt="非主流黑色背景文字手机壁纸" />
<span class="pic-txt">非主流黑色背景文字手(12张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1367138383721.jpg" alt="阳光下的美女手机壁纸图集" />
<span class="pic-txt">阳光下的美女手机壁纸(15张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1367062477163.jpg" alt="湖人高清手机壁纸下载" />
<span class="pic-txt">湖人高清手机壁纸下载(10张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1366770146652.jpg" alt="温馨笑容的美女手机壁纸" />
<span class="pic-txt">温馨笑容的美女手机壁(17张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1366622282843.jpg" alt="送给女孩的26个字母壁纸" />
<span class="pic-txt">送给女孩的26个字母壁(26张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1366375916978.png" alt="修丢丢十二星座卡通手机壁纸" />
<span class="pic-txt">修丢丢十二星座卡通手(12张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1364438734241.png" alt="三星Galaxy S4超漂亮全高清官方手机壁纸" />
<span class="pic-txt">三星Galaxy S4超漂亮(10张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1364279216643.jpg" alt="Showgirl人气萌主周嘉琪iphone壁纸" />
<span class="pic-txt">Showgirl人气萌主周嘉(10张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1363943359756.jpg" alt="唯美的氛围手机壁纸" />
<span class="pic-txt">唯美的氛围手机壁纸(11张)</span> </a></li>
<li>
<a target="_blank" class="picimglink" href="http://">
<img width="230" height="350" srch="images/1363867851540.jpg" alt="阳光下的美景手机壁纸下载" />
<span class="pic-txt">xx图库搜集整理</span> </a></li>
</ul>
</div>
<!--slide 切换按钮-->
<ul id="smallSlideUl" class="info-btn clearfix">
<li class="info-cur" id="mypic0" sid="0"><span>1</span></li>
<li id="mypic1" sid="1"><span>2</span></li>
<li id="mypic2" sid="2"><span>3</span></li>
<li id="mypic3" sid="3"><span>4</span></li>
<li id="mypic4" sid="4"><span>5</span></li>
<li id="mypic5" sid="5"><span>6</span></li>
<li id="mypic6" sid="6"><span>7</span></li>
<li id="mypic7" sid="7"><span>8</span></li>
</ul>
<em class="tab-shadow"></em></div>
</div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/zsucai.js"></script>
<!-- 代码 结束 -->
</body>
</html>
扫一扫
1286
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
