zmcoding
/
data_view


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
							<!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>