software
/
ad


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<title>山东华力机电有限公司</title>

		<link type="text/css" href="../static/css/style.css" rel="stylesheet" />
		<link type="text/css" href="../static/css/nav.css" rel="stylesheet" />
		<script type="text/javascript" src="../static/js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="../static/js/jquery.event.drag-1.5.min.js"></script>
		<script type="text/javascript" src="../static/js/jquery.touchSlider.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {

				$(".main_visual").hover(function() {
					$("#btn_prev,#btn_next").fadeIn()
				}, function() {
					$("#btn_prev,#btn_next").fadeOut()
				});

				$dragBln = false;

				$(".main_image").touchSlider({
					flexible: true,
					speed: 200,
					btn_prev: $("#btn_prev"),
					btn_next: $("#btn_next"),
					paging: $(".flicking_con a"),
					counter: function(e) {
						$(".flicking_con a").removeClass("on").eq(e.current - 1).addClass("on");
					}
				});

				$(".main_image").bind("mousedown", function() {
					$dragBln = false;
				});

				$(".main_image").bind("dragstart", function() {
					$dragBln = true;
				});

				$(".main_image a").click(function() {
					if($dragBln) {
						return false;
					}
				});

				timer = setInterval(function() {
					$("#btn_next").click();
				}, 10000);

				$(".main_visual").hover(function() {
					clearInterval(timer);
				}, function() {
					timer = setInterval(function() {
						$("#btn_next").click();
					}, 10000);
				});

				$(".main_image").bind("touchstart", function() {
					clearInterval(timer);
				}).bind("touchend", function() {
					timer = setInterval(function() {
						$("#btn_next").click();
					}, 10000);
				});

			});
		</script>
        <style>
            .abc{
                top:10px;
                width: auto;
                height: auto;
                max-width: 900px;
                max-height: 952px;
                position: relative;
                /*width: 100%;*/
                background:url(../static/samplevideo/img/2.png);
            }
        </style>
	</head>
	<body>
    <div class="container">
        <ul class="uls">
            <a class="lis1 qyjj" href="/"></a>
            <a class="lis2 fdjz" href="/index2"></a>
            <a class="lis3 wp" href="/index3"></a>
            <a class="lis4 agv" href="/index4"></a>
            <a class="lis8 sc active8" href="/index8"></a>
            <a class="test" href="http://localhost:8888"></a>
		</ul>
    </div>
		<div class="main_visual">
			<div class="flicking_con">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
			<div class="main_image">
				<ul>
                    <li style="background: url(../static/img/agv.jpg) no-repeat 1px center;">.
                        <div style="width: 1152px;height: 1080px;padding-left:150px;padding-top:250px;">
                            <video class="abc" autoplay="" loop="" style="background-image:url(>)"><source src="../static/img/AGV~1.mp4" type="video/mp4"></video>
                        </div>
                    </li>
                    <li><span class="img_41"></span></li>
                    <li><span class="img_42"></span></li>
                    <li><span class="img_43"></span></li>
                    <li><span class="img_44"></span></li>
                    <li><span class="img_45"></span></li>
                    <li><span class="img_46"></span></li>
                    <li><span class="img_47"></span></li>

				</ul>
				<a href="javascript:;" id="btn_prev"></a>
				<a href="javascript:;" id="btn_next"></a>
			</div>
		</div>
    <script type="text/javascript">
		setTimeout(function() {
            window.location.href = "/index5";
		}, 80000); //一秒钟之后打开新窗口，可以改其它时间
    </script>
    <script type="text/javascript">
        $(function() {
                    $('.qyjj').click(function() {
                        $('.qyjj').addClass('active1');
                        $('.fdjz').removeClass('active2');
                        $('.wp').removeClass('active3');
                        $('.agv').removeClass('active4');
                        $('.sc').removeClass('active8');
                    });
                    $('.fdjz').click(function() {
                        $('.qyjj').removeClass('active1');
                        $('.fdjz').addClass('active2');
                        $('.wp').removeClass('active3');
                        $('.agv').removeClass('active4');
                        $('.sc').removeClass('active8');
                    });
                    $('.wp').click(function() {
                        $('.qyjj').removeClass('active1');
                        $('.fdjz').removeClass('active2');
                        $('.wp').addClass('active3');
                        $('.agv').removeClass('active4');
                        $('.sc').removeClass('active8');
                    });
                    $('.agv').click(function() {
                        $('.qyjj').removeClass('active1');
                        $('.fdjz').removeClass('active2');
                        $('.wp').removeClass('active3');
                        $('.agv').addClass('active4');
                        $('.sc').removeClass('active8');
                    });
                    $('.sc').click(function() {
                        $('.qyjj').removeClass('active1');
                        $('.fdjz').removeClass('active2');
                        $('.wp').removeClass('active3');
                        $('.agv').removeClass('active4');
                        $('.sc').addClass('active8');
                    });
                }
        );
    </script>
</body>
</html>