<!DOCTYPE html>
10年積累的網站制作、做網站經驗,可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你,你也不認識我。但先網站制作后付款的網站建設流程,更有蒼梧免費網站建設讓你可以放心的選擇與我們合作。<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>建造師考試網_全國專業建造師考試培訓平臺</title>
<link rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://img.wangxiao.cn/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="http://static.wangxiao.cn/users/js/artDialog/artDialog.js"></script>
<link rel="stylesheet">
<script src="/Content/js/user.js"></script>
<link href="/Content/css/base.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css">
<style type="text/css">
.header-logo {
margin-top: 27px;
margin-bottom: 27px;
}
.header-nav {
margin-top: 47px;
}
.header-nav, .header-nav a {
color: #555;
}
.flow-nav {
overflow: hidden;
height: 50px;
line-height: 50px;
position: fixed;
z-index: 1000;
width: 100%;
background-color: #f3520a;
top: 0;
}
.combgcolor{
background-color: #f3520a;
}
.header-icon1 {
background-p_w_picpath: url(/Content/p_w_picpaths/login.png);
}
.header-icon2 {
background-p_w_picpath: url("/Content/p_w_picpaths/registered.png");
}
.erw-bottom {
padding: 3px;
}
.erwe span {
height: auto;
}
.outer-box {
margin-top: -15px;
height: 318px;
}
.show_box{
min-width:1190px;
margin:0 auto;
}
.ul.pic_list,.show_box{
min-height:300px;
}
.left_btn,.right_click{
width:50px;
height:50px;
background-color:#000;
opacity:0.5;
background-color: #000;
opacity: 0.5;
position: relative;
z-index: 10;
top:45%;
cursor: pointer;
}
.left_btn{
float:left;
left:5%;
}
.right_click{
float:right;
right:5%;
}
</style>
</head>
<body>
<div class="show_box">
<div class="left_btn">
<img src="/upload/otherpic7/leftbtn.png" width="100%">
</div>
<div class="right_click">
<img src="/upload/otherpic7/leftbtn.png" width="100%">
</div>
<ul class="pic_list">
<li >
<a title="" target="_blank"><img alt="" src="/upload/otherpic7/213234.jpg"></a>
</li>
<li >
<a title="" target="_blank"><img alt="" src="/upload/otherpic7/213235.jpg"></a>
</li>
</ul>
<div class="title_nav">
<a href="javascript:;" target="_blank" class="" ></a>
<a href="javascript:;" class="select" ></a>
</div>
</div>
</body>
<script type="text/javascript">
(function ($) {
$.fn.turnPic = function () {
var index = 0;
var clickLeft = $(this).children(".left_btn");
var clickRight = $(this).children(".right_click");
var showUl = $(this).children("ul.pic_list").children("li");
var len = showUl.length;
var navList = $(this).children("div").children("a");
var timer;
var showImg=function(index) {
showUl.eq(index).stop(true, true).fadeIn("slow").siblings().fadeOut("slow");
navList.removeClass("select").css("opacity", "0.7").eq(index).addClass("select").css("opacity", "1");
}
timer = setInterval(function () {
showImg(index);
index++;
if (index == len) {
index = 0;
}
}, 3000);
var click=function(){
clearInterval(timer);
console.log(index)
showImg(index);
index++;
if (index == len) {
index = 0;
}
};
clickLeft.click(function () {
click();
});
clickRight.click(function () {
click();
});
navList.mouseover(function () {
index = navList.index(this);
showImg(index);
});
$(this).hover(function () {
clearInterval(timer);
}, function () {
timer = setInterval(function () {
showImg(index);
index++;
if (index == len) {
index = 0;
}
}, 3000);
}).trigger("moverleave");
}
})(jQuery);
$(function () {
$(".show_box").turnPic();
})
</script>
</html>
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前文章:輪播圖左右箭頭jquery-創新互聯
鏈接分享:http://vcdvsql.cn/article44/dgdehe.html
成都網站建設公司_創新互聯,為您提供網站內鏈、企業網站制作、網站改版、網站維護、微信公眾號、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯