<! DOCTYPE html>
<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> Construction Engineer Examination Network-National Professional Builders Examination Training Platform </title>
<link href= "Http://static.wangxiao.cn/login/css/newlogin.css" 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 href= "Http://sxjy.wangxiao.cn/sxjy/bootstrap/css/bootstrap.css" rel= "stylesheet" >
<script src= "/content/js/user.js" ></script>
<link href= "/content/css/base.css" rel= "stylesheet" type= "Text/css" >
<link href= "Http://jianzaoshi.cn/Content/css/index.css" 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-image:url (/content/images/login.png);
}
. header-icon2 {
Background-image:url ("/content/images/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>
<body>
<div class= "Show_box" >
<div class= "LEFT_BTN" >
</div>
<div class= "Right_click" >
</div>
<ul class= "Pic_list" >
<li style= "Display:none;" >
<a href= "http://www.wangxiao.cn/jz1/83708370204.html" title= "" target= "_blank" ></a>
</li>
<li style= "Display:list-item;" >
<a href= "http://www.wangxiao.cn/jz2/53655365118.html" title= "" target= "_blank" ></a>
</li>
</ul>
<div class= "Title_nav" >
<a href= "javascript:;" target= "_blank" class= "" style= "opacity:0.7;" ></a>
<a href= "javascript:;" class= "select" style= "OPACITY:1;" ></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>
Carousel diagram left and right arrow jquery