<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>jquery图片自动播放选项卡 - 网页模板</title>
<link rel="stylesheet" href="css/zzsc.css">
</head>
<body>
<br><br><br>
<div class="zxx_test_list_list">
<div class="tab_limit">
<div id="tabAutoOperate" class="tab_auto_play"></div>
<ul id="tabAutoTrigger" class="tablist">
<li class="tab"><a href="javascript:" class="tab_a tab_on" data-rel="tabAutoPlay1">美女1</a></li>
<li class="tab"><a href="javascript:" class="tab_a" data-rel="tabAutoPlay2">美女2</a></li>
</ul>
<ul class="tab_content tab_content_rel">
<li id="tabAutoPlay1" class="tabpanel_abs"><img src="img/mm1.jpg"></li>
<li id="tabAutoPlay2" class="tabpanel_abs" style="display:none;"><img src="img/mm3.jpg"></li>
</ul>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-powerSwitch.js"></script>
<script>
$("#tabAutoTrigger a").powerSwitch({
classAdd: "tab_on",
animation: "translate",
eventType: "hover",
autoTime: 3000,
container: $("#tabAutoOperate")
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jquery图片自动播放选项卡.zip
版权申诉
15 浏览量
2022-11-22
17:15:38
上传
评论
收藏 114KB ZIP 举报
jquery图片自动播放选项卡.zip （14个子文件） 
jquery图片自动播放选项卡 jiaoben2798 css 
zzsc.css 2KB img 
mm3.jpg 8KB
next.png 533B prev.png 513B mm4.jpg 7KB pause.png 4KB mm2.jpg 9KB mm1.jpg 9KB play.png 4KB
index.html 1KB js jquery.min.js 77KB jquery-powerSwitch.js 24KB jquery-powerSwitch-min.js 8KB jquery图片自动播放选项卡.jpg 39KB资源评论
