采用jQuery设计的图片列表tab切换选项卡_jquery图片tab切换资源-CSDN文库

共10个文件

jpg：5个

js：2个

png：1个

JQuery,

tab切换

3星 · 超过75%的资源需积分: 15 129 浏览量 2014-11-27 09:20:51 上传评论收藏 106KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

ͼƬtab.rar （10个子文件）

index.html 9KB

images

2.jpg 17KB

1.jpg 18KB

4.jpg 7KB

5.jpg 19KB

ico.png 692B

3.jpg 8KB

ttasp.js 3KB

jquery.js 91KB

css

ttasp.css 4KB

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>音乐歌手图片列表切换jQuery选项卡</title> <link href="css/ttasp.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/ttasp.js"></script> </head> <body style="background:#333;"> <div class="top-vrank" id="artists"> <div class="mod-hd"> <h3>热门上榜歌手</h3> <ul class="tabs"> <li data-type="http://www.gooxao.com" class="first active"><a href="#" hidefocus="true">内地</a></li> <li data-type="http://www.adminbuy.cn" class=""><a href="#" hidefocus="true">港台</a></li> <li data-type="http://bbs.ttasp.com" class=""><a href="#" hidefocus="true">欧美</a></li> <li data-type="bbs.ttasp.com" class=""><a href="#" hidefocus="true">韩国</a></li> <li data-type="www.adminbuy.cn" class=""><a href="http://bbs.ttasp.com" hidefocus="true">日本</a></li> </ul> <a href="http://bbs.ttasp.com" target="_blank">更多</a> </div> <div class="mod-bd"> <div class="views"> <div class="view-item active"> <ul class="view-list gclearfix"> <li><a href="#" title="尚雯婕"><img src="images/1.jpg" alt="尚雯婕">尚雯婕</a></li> <li><a href="#" title="蔡妍"><img src="images/1.jpg" alt="蔡妍">蔡妍</a></li> <li><a href="#" title="m4m"><img src="images/1.jpg" alt="m4m">m4m</a></li> <li><a href="#" title="黄圣依"><img src="images/1.jpg" alt="黄圣依">黄圣依</a></li> <li><a href="#" title="李治廷"><img src="images/1.jpg" alt="李治廷">李治廷</a></li> <li><a href="#" title="范冰冰"><img src="images/1.jpg" alt="范冰冰">范冰冰</a></li> <li><a href="#" title="弦子"><img src="images/1.jpg" alt="弦子">弦子</a></li> <li><a href="#" title="秦勇"><img src="images/1.jpg" alt="秦勇">秦勇</a></li> <li><a href="#" title="谭杰希"><img src="images/1.jpg" alt="谭杰希">谭杰希</a></li> <li><a href="#" title="杨坤"><img src="images/1.jpg" alt="杨坤">杨坤</a></li> </ul> </div> <div class="view-item"> <ul class="view-list gclearfix"> <li><a href="#" title="尚雯婕"><img src="images/2.jpg" alt="尚雯婕">尚雯婕</a></li> <li><a href="#" title="蔡妍"><img src="images/2.jpg" alt="蔡妍">蔡妍</a></li> <li><a href="#" title="m4m"><img src="images/2.jpg" alt="m4m">m4m</a></li> <li><a href="#" title="黄圣依"><img src="images/2.jpg" alt="黄圣依">黄圣依</a></li> <li><a href="#" title="李治廷"><img src="images/2.jpg" alt="李治廷">李治廷</a></li> <li><a href="#" title="范冰冰"><img src="images/2.jpg" alt="范冰冰">范冰冰</a></li> <li><a href="#" title="弦子"><img src="images/2.jpg" alt="弦子">弦子</a></li> <li><a href="#" title="秦勇"><img src="images/2.jpg" alt="秦勇">秦勇</a></li> <li><a href="#" title="谭杰希"><img src="images/2.jpg" alt="谭杰希">谭杰希</a></li> <li><a href="#" title="杨坤"><img src="images/2.jpg" alt="杨坤">杨坤</a></li> </ul> </div> <div class="view-item"> <ul class="view-list gclearfix"> <li><a href="#" title="尚雯婕"><img src="images/3.jpg" alt="尚雯婕">尚雯婕</a></li> <li><a href="#" title="蔡妍"><img src="images/3.jpg" alt="蔡妍">蔡妍</a></li> <li><a href="#" title="m4m"><img src="images/3.jpg" alt="m4m">m4m</a></li> <li><a href="#" title="黄圣依"><img src="images/3.jpg" alt="黄圣依">黄圣依</a></li> <li><a href="#" title="李治廷"><img src="images/3.jpg" alt="李治廷">李治廷</a></li> <li><a href="#" title="范冰冰"><img src="images/3.jpg" alt="范冰冰">范冰冰</a></li> <li><a href="#" title="弦子"><img src="images/3.jpg" alt="弦子">弦子</a></li> <li><a href="#" title="秦勇"><img src="images/3.jpg" alt="秦勇">秦勇</a></li> <li><a href="#" title="谭杰希"><img src="images/3.jpg" alt="谭杰希">谭杰希</a></li> <li><a href="#" title="杨坤"><img src="images/3.jpg" alt="杨坤">杨坤</a></li> </ul> </div> <div class="view-item"> <ul class="view-list gclearfix"> <li><a href="#" title="尚雯婕"><img src="images/4.jpg" alt="尚雯婕">尚雯婕</a></li> <li><a href="#" title="蔡妍"><img src="images/4.jpg" alt="蔡妍">蔡妍</a></li> <li><a href="#" title="m4m"><img src="images/4.jpg" alt="m4m">m4m</a></li> <li><a href="#" title="黄圣依"><img src="images/4.jpg" alt="黄圣依">黄圣依</a></li> <li><a href="#" title="李治廷"><img src="images/4.jpg" alt="李治廷">李治廷</a></li> <li><a href="#" title="范冰冰"><img src="images/4.jpg" alt="范冰冰">范冰冰</a></li> <li><a href="#" title="弦子"><img src="images/4.jpg" alt="弦子">弦子</a></li> <li><a href="#" title="秦勇"><img src="images/4.jpg" alt="秦勇">秦勇</a></li> <li><a href="#" title="谭杰希"><img src="images/4.jpg" alt="谭杰希">谭杰希</a></li> <li><a href="#" title="杨坤"><img src="images/4.jpg" alt="杨坤">杨坤</a></li> </ul> </div> <div class="view-item"> <ul class="view-list gclearfix"> <li><a href="#" title="尚雯婕"><img src="images/5.jpg" alt="尚雯婕">尚雯婕</a></li> <li

评论收藏

内容反馈