mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-07-27 18:40:31 +08:00
155 lines
4.0 KiB
HTML
155 lines
4.0 KiB
HTML
<!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=utf-8" />
|
|
<meta http-equiv="content-language" content="zh-cn" />
|
|
<title></title>
|
|
<meta name="keywords" content=" " />
|
|
<style>
|
|
*{margin:0px;padding:0px;list-style-type:none;}
|
|
.v_out{width:100%;margin:0 auto;overflow:hidden;}
|
|
.v_show{width:100%;overflow:hidden;position:relative;
|
|
height: 100%;float:left}
|
|
.v_cont{ width:100%;position:absolute;left:0px;top:0px;}
|
|
.v_cont ul{float:left;text-align:center;line-height:0px;width: 100%}
|
|
.v_cont ul li{width:100%;height:100%;background:#f8f8f8;float:left;margin-top:3px;}
|
|
/*---圆圈---*/
|
|
.v_out_p{position:relative;overflow:visible}
|
|
/*---切换---*/
|
|
.prev{
|
|
position:absolute;
|
|
left: 1%;
|
|
width: 49px;
|
|
/*top: 300px;*/
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
.next{
|
|
position:absolute;
|
|
right: 1%;
|
|
width: 49px;
|
|
height:139px;
|
|
top: 300px ;
|
|
|
|
|
|
}
|
|
.prev a{display: none;width:80px;display:block; }
|
|
.prev .ico_1{ background:url(input_a.gif) no-repeat 0 -3757px;}
|
|
|
|
.next a{display: none;width:80px;display:block; }
|
|
.next .ico_2{background:url(input_a.gif) no-repeat right -3757px;}
|
|
.prev,.next{width:80px;height:1080px; display:block}
|
|
.hideind{ opacity: 0;}
|
|
.hideinds{opacity: 1;}
|
|
.functshow{ position: absolute; top:300px;}
|
|
</style>
|
|
<script type="text/javascript" src="../js/jquery.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
function init() {
|
|
$(".v_cont ul li").css('height', document.documentElement.clientHeight);
|
|
$(".v_show").css('height', document.documentElement.clientHeight);
|
|
window.onresize = function () {
|
|
$(".v_cont ul li").css('height', document.documentElement.clientHeight);
|
|
$(".v_show").css('height', document.documentElement.clientHeight);
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body onload="init()">
|
|
|
|
<div class="v_out v_out_p">
|
|
|
|
<!--<div class="prev hideind"><a href="javascript:void(0)"><img class="functshow" src="../img/pre.png"/> </a></div>-->
|
|
|
|
<div class="v_show">
|
|
|
|
<div class="v_cont">
|
|
<ul>
|
|
|
|
<li index="2" style="background:#999"><iframe src="Datacages_Homeindex.html" style="width:100%;height:100%;"></iframe></li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--<div class="next hideind"><a href="javascript:void(0)"><img src="../img/next.png"/> </a> </div>-->
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(function(){
|
|
|
|
/*======next======*/
|
|
$(".next a").click(function(){ nextscroll() });
|
|
|
|
function nextscroll(){
|
|
|
|
var vcon = $(".v_cont ");
|
|
var offset = ($(".v_cont li").width())*-1;
|
|
|
|
vcon.stop().animate({left:offset},"slow",function(){
|
|
|
|
var firstItem = $(".v_cont ul li").first();
|
|
vcon.find("ul").append(firstItem);
|
|
$(this).css("left","0px");
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
//setInterval(nextscroll,2000)
|
|
|
|
/*======prev======*/
|
|
$(".prev a").click(function(){ nextscroll() });
|
|
|
|
function nextscroll(){
|
|
|
|
var vcon = $(".v_cont ");
|
|
var offset = ($(".v_cont li").width())*-1;
|
|
|
|
vcon.stop().animate({left:offset},"slow",function(){
|
|
|
|
var firstItem = $(".v_cont ul li").first();
|
|
vcon.find("ul").append(firstItem);
|
|
$(this).css("left","0px");
|
|
|
|
});
|
|
|
|
};
|
|
|
|
/*======btn====circle======*/
|
|
var animateEnd = 1;
|
|
|
|
|
|
|
|
})
|
|
$(".prev a ,.next a").hover(function(){
|
|
$(this).show();
|
|
})
|
|
$(".hideind").mouseenter(function(){
|
|
$(".hideind").addClass("hideinds");
|
|
}).mouseleave(function(){
|
|
$(".hideind").removeClass("hideinds");
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|