代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="css/pc.css?t=TIME" />
<script language="javascript" src="js/jquery.min.js?t=TIME"></script>
<title>保时捷凌驾风雪</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-68777832-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header><img src="image/pc_logo.png?t=TIME" onclick="location.href='http://www.porsche.com/china/zh/motorsportandevents/driving-experience/winter/snowforce/ '" /></header>
<div id="pagebody">
<div id="banner" >
<video id="banner_player" onClick="ga('send', 'event', 'button', 'click', 'vedio');" class="w" poster="image/pc_video_pic.jpg?t=TIME" controls="controls" ><source src="video/pc_kv.mp4" type="video/mp4" /></video>
<!-- <img class="w" src="" /> -->
<span id="reg_btn" onClick="ga('send', 'event', 'button', 'click', 'registration');">
<img src="image/pc_btn.png?t=TIME" />
</span>
<div id="reg_box">
<div id="close_btn"></div><br />
<img src="image/m_reg_bg.png?t=TIME" class="ig ig1" />
<div class="fm_box">
<label>姓 名 : </label>
<input type="text" id="txt_username" /><br />
<label>手 机 : </label>
<input type="text" id="txt_phone" /><br />
<input type="hidden" id="txt_comefrom" value="COMEFROM" />
<center class="alink"><input value="ty" id="ty" type="checkbox" />我已阅读并了解<a href="havascript:void(0)">隐私政策</a></center>
<center><img src="image/pc_sub_btn.png?t=TIME" id="sub_btn" /></center>
</div>
<img src="image/m_info.png?t=TIME" class="popinfo_info" />
<a href="mailto:drivingexperence@porsche.cn"><img src="image/m_reg_info.png?t=TIME" class="ig" /></a>
</div>
</div>
<div id="bg">
<div class="itembox itembox1">
<div class="item">
<em style="background-image: url(image/ico_1.png?t=TIME) "></em>
<p style="background-image:url(image/t_1.png?t=TIME) "></p>
</div>
<div class="item">
<em style="background-image: url(image/ico_2.png?t=TIME) "></em>
<p style="background-image:url(image/t_2.png?t=TIME) "></p>
</div>
<div class="item">
<em style="background-image: url(image/ico_3.png?t=TIME) "></em>
<p style="background-image:url(image/t_3.png?t=TIME) "></p>
</div>
<div class="item">
<em style="background-image: url(image/ico_4.png?t=TIME) "></em>
<p style="background-image:url(image/t_4.png?t=TIME) "></p>
</div>
</div>
<!--
<div class="cc"></div>
<div class="pl2">
<div id="focus_Box">
<span class="prev"> </span>
<span class="next"> </span>
<ul>
<li><a href="javascript:void(0)"><img src="image/v1.jpg?t=TIME"></a></li>
<li><a href="javascript:void(0)"><img src="image/v2.jpg?t=TIME"></a></li>
<li><a href="javascript:void(0)"><img src="image/v3.jpg?t=TIME"></a></li>
<li><a href="javascript:void(0)"><img src="image/v4.jpg?t=TIME"></a></li>
<li><a href="javascript:void(0)"><img src="image/v5.jpg?t=TIME"></a></li>
</ul>
</div>
</div>
-->
<div class="pc_hd">
<img src="image/pc_hd.png" />
</div>
<div class="cc"></div>
<div class="imglist">
<div class="w2 fl">
<div class="img img_big" d-img="image/p_1.jpg?t=TIME" style="background-image: url(image/pc_1.jpg?t=TIME?t=TIME) "></div>
<div class="img" d-img="image/p_2.jpg?t=TIME" style="background-image: url(image/pc_2.jpg?t=TIME?t=TIME) "></div>
<div class="img" d-img="image/p_3.jpg?t=TIME" style="background-image: url(image/pc_3.jpg?t=TIME?t=TIME) "></div>
</div>
<div class="w1 fl">
<div class="img" d-img="image/p_4.jpg?t=TIME" style="background-image: url(image/pc_4.jpg?t=TIME?t=TIME) "></div>
<div class="img" d-img="image/p_5.jpg?t=TIME" style="background-image: url(image/pc_5.jpg?t=TIME?t=TIME) "></div>
<div class="img" d-img="image/p_6.jpg?t=TIME" style="background-image: url(image/pc_6.jpg?t=TIME?t=TIME) "></div>
</div>
<div class="w2 fl">
<div class="img" d-img="image/p_7.jpg?t=TIME" style="background-image: url(image/pc_7.jpg?t=TIME?t=TIME) "></div>
<div class="img" d-img="image/p_8.jpg?t=TIME" style="background-image: url(image/pc_8.jpg?t=TIME?t=TIME) "></div>
<div class="img img_big" d-img="image/p_9.jpg?t=TIME" style="background-image: url(image/pc_9.jpg?t=TIME?t=TIME) "></div>
</div>
<div class="cc"></div>
</div>
</div>
</div>
<div id="pop_player">
<video id="banner_player" onClick="ga('send', 'event', 'button', 'click', 'vedio');" class="w" poster="image/pc_video_pic.jpg?t=TIME" controls="controls" ><source src="video/pc_kv.mp4" type="video/mp4" /></video>
</div>
<div id="pop_image"><div class="img"></div></div>
</body>
<script src="js/imgview.js"></script>
<script language="javascript">
var option = [ ];
$(function(){
var SW = $(window).width();
var DW = SW*0.1;
var PH = parseInt(SW*0.68/960*540);
for(i=0;i<5;i++){
var mk = Math.abs(i-2);
console.log(mk);
var obj = {
width:parseInt(SW*0.68),
height:PH ,
top:0,
left:parseInt(i*0.08*SW),
zIndex:2-mk
}
console.log(obj);
option.push(obj);
}
console.log(option);
$('#banner,#banner').height(parseInt(SW/1360*524));
$('header li a').click(function(){
var tp = $(this).attr('d_r');
if(tp){
window.scrollTo(0,$('.'+tp).offset().top);
}
});
$('#focus_Box,#focus_Box ul').width(SW).height(PH);
//new ZoomPic("focus_Box",option);
$('.imglist .img').height(parseInt(SW/5/321*207));
$('.imglist .img_big').height(parseInt(SW/5/321*207)*2);
$('.itembox .item p').height(parseInt(SW/4/360*300));
$('#reg_btn').click(function(){
$('#reg_box').fadeIn();
});
$('#close_btn').click(function(){
$('#reg_box').fadeOut();
});
$('#focus_Box a').click(function(){
ga('send', 'event', 'button', 'click', 'vedio');
$('#pop_player').fadeIn();
});
var player = document.getElementById("banner_player");
$('#banner_player').click(function(){
player.play();
});
/*
setInterval(function(){
if(player.currentTime>0 && !player.ended){
$('#reg_box').fadeOut();
$('#reg_btn').fadeOut();
}
if(player.ended){
$('#reg_btn').fadeIn();
}
},100);
*/
player.addEventListener('play',function(e){
$('#reg_box').fadeOut();
$('#reg_btn').fadeOut();
});
player.addEventListener('pause',function(e){
$('#reg_btn').fadeIn();
});
player.addEventListener('ended',function(e){
$('#reg_btn').fadeIn();
});
$('#pop_image').click(function(){
$(this).fadeOut();
$('#pop_image .img').css('background-image','');
});
$('.imglist .img').click(function(){
$('#pop_image .img').css('background-image','url('+$(this).attr('d-img')+')');
$('#pop_image').fadeIn();
ga('send', 'event', 'button', 'click', 'picture');
});
$('#pop_player').click(function(){
$(this).fadeOut();
});
/* 提交报名信息 */
$('#sub_btn').click(function(){
var obj = {
username:$('#txt_username').val(),
phone:$('#txt_phone').val(),
comefrom:$('#txt_comefrom').val()
}
if(!$('#ty')[0].checked){
alert('请先同意隐私政策');
return false;
}
if(obj.username.length<1){
alert('请输入姓名');
return false;
}
if(obj.phone.length<1){
alert('请输入手机号');
return false;
}
var myreg = /^1[3|4|5|7|8][0-9]{9}$/;
if(!myreg.test(obj.phone)) {
alert('请输入有效的手机号码！');
return false;
}
ga('send', 'event', 'button', 'click', 'submit');
var url = '/admin.php?c=api&a=save'
$.post(url,obj,function(res){
var rs = eval('('+res+')');
alert(rs.m);
if(rs.s){
$('#close_btn').click();
$('#txt_username').val('');
$('#txt_phone').val('');
ga('send', 'event', 'button', 'click', 'submit_success');
}
});
});
if($(window).width()<650){
$('.ig.ig1').css('margin-top','0');
}
$('.alink a').click(function(){
$('.popinfo_info').css('top',$(this).offset().top+$(this).height()-15-$('header').height()).slideToggle();
});
$('.popinfo_info').click(function(){
$('.popinfo_info').slideUp();
});
});
</script>
</html>
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化