<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xm
<head>
<me
<ti
<li
<li
<me
<sc
<sc
<sc
var j = jQuery.noConflict();
var body = document.documentElement;
function imgshow(num){
j('.textbg a').hide();
j(j('.textbg a')[num]).show();
j('#JDimgse .imgcon img').fadeOut('slow');
j(j('#JDimgse .imgcon img')[num]).fadeIn('slow');
j("#JDimgse .count li").attr('class','');
j(j("#JDimgse .count li")[num]).attr('class','sel');
}
</sc
<sc
var j = jQuery.noConflict();
function getsc
var head=document.getElementsByTagName("head")[0];
var js=document.createElement("sc
js.setAttribute("src",src);
js.on
if(!this.readyState||this.readyState=="loaded"||this.readyState=="complete") {
head.removeChild(js);
if(callback) callback();
}
}
head.appendChild(js);
}
function subMessage() {
var userName = j('#userName').val();
var sex = j('#sex').val();
var tel = j('#tel').val();
var email = j('#email').val();
var province = j('#province').val();
var carType = j('#carType').val();
var isBuyCar = j('#isBuyCar').val();
var buyCarTime = j('#buyCarTime').val();
var cs = j('#cs').val();
var jxs = j('#jxs').val();
var param = /^((13|15)|18|14)\d{9}$/;
var pattern = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!userName) {
alert('请填写姓名！');
return false;
}
if(!sex) {
alert('请选择性别！');
return false;
}
if(!tel) {
alert('请填写手机号码！');
return false;
} else if(!param.test(tel)) {
alert('请填写正确的手机号码！');
return false;
}
if(!email) {
alert('请填写电子邮件！');
return false;
} else if(!pattern.test(email)) {
alert('请填写正确的电子邮件！');
return false;
}
if(!province) {
alert('请选择省份');
return false;
}
if(!cs) {
alert('请选择城市');
return false;
}
if(!jxs) {
alert('请选择经销商');
return false;
}
if(!carType) {
alert('请选择车型');
return false;
}
if(!buyCarTime) {
alert('请选择购车时间');
return false;
}
if(!isBuyCar) {
alert('请选择是否有意向购车');
return false;
}
getsc
}
function phpMessage(msg) {
if(msg == '提交成功！') {
res();
}
alert(msg);
return false;
}
function res() {
j('#userName').val('');
j('#sex').val('');
j('#email').val('');
j('#tel').val('');
j('#province').val('');
j('#cs').val('');
j('#jxs').val('');
j('#isBuyCar').val('');
j('#buyCarTime').val('');
j('#carType').val('');
}
</sc
<sc
var prov;
var city;
var jxs;
getsc
function data(str,str1,str2) {
j('#province').html('<option value="">省份</option>');
prov = str;
city = str1;
jxs = str2;
for(var i = 0; i < prov.split('|||').length; i++) {
j('#province').append('<option value="'+prov.split('|||')[i]+'">'+prov.split('|||')[i]+'</option>');
}
}
function Ld(theform,menuid) {
var MenuClass,MenuLenArr,MenuArr,SubMenuArr,MenuIdArr
//定义分隔符：splitchar1,splitchar2
var splitchar1,splitchar2
//定义临时数组,子数组,数组长度,
var arr,subarr,arrlen
/*---------------------------------------------------------------------------*
* 2.变量赋值 *
/*---------------------------------------------------------------------------*/
MenuArr = new Array();
MenuLenArr = new Array();
SubMenuArr = new Array();
MenuIdArr = new Array();
MenuArr[1] = prov;
MenuArr[2] = city;
MenuArr[3] = jxs;
MenuIdArr[1]="province";
MenuIdArr[2]="cs";
MenuIdArr[3]="jxs";
// MenuIdArr[4]="jxs";
// MenuClass=4 //4级菜单
MenuClass=3 //级菜单
splitchar1="|||";
splitchar2="###";
/*---------------------------------------------------------------------------*
* 3.生成数组 *
/*---------------------------------------------------------------------------*/
for(iii=1;iii<=MenuClass;iii++)
{
arr=MenuArr[iii].split(splitchar1);
len=arr.length;
subarr=new Array();
for (i=0;i<len;i++)
{
subarr[i]=arr[i].split(splitchar2);
}
len=subarr.length;
SubMenuArr[iii]=subarr;
MenuLenArr[iii]=len;
}
//============更改下级菜单======================
var self,submenu,thislen,thisarr;
//self本级菜单
//submenu子菜单
//theform:所在表单对象[type:ob
//menuid:本级菜单级别ID，如1级菜单则为1
self = document.getElementById(MenuIdArr[menuid]);
submenu = document.getElementById(MenuIdArr[menuid+1]);
thislen = MenuLenArr[menuid+1];
thisarr = SubMenuArr[menuid+1];
if(submenu) {
submenu.options.length = 0;
submenu.options.add(new Option("请选择",""));
for (i = 0;i < thislen;i++)
{
if (thisarr[i][0] == self.value)
{
submenu.options.add(new Option(thisarr[i][1], thisarr[i][1]));
}
}
submenu.options[0].selected=true;
//============更改下级以下菜单==============
var kkk;
for(kkk = menuid+2;kkk<=MenuClass;kkk++) {
submenu = document.getElementById(MenuIdArr[kkk]);
//submenu = eval("document."+theform+"."+MenuIdArr[kkk]);
submenu.length = 0;
submenu.options.add(new Option( "请选择",""));
submenu.options[0].selected=true;
}
}
}
</sc
<!--通用频道页尾代码开始-->
<st
.clear{ clear:both;}
.chaFooter{ color:#2e2e2e; width:1000px;padding-top:60px;position:absolute;top:650px; height:72px; clear:both; text-align:center; line-height:24px; font-family:Arial, simsun; font-size:12px; }
.chaFooter a:hover{ color:#2e2e2e; text-decoration:underline;}
.chaFooter a{ color:#2e2e2e; text-decoration:none;}
.chaFooter .footli
.chaFooter .footli
.chaFooter .copyright{ color:#2e2e2e; line-height:22px;}/*100318*/
.date{float:right;*margin-top:-24px;}
</st
</head>
<body>
<sc
var sta_collection_time = new Date().getTime();
</sc
<sc
<div class="block block_00">
<div class="content" >
<a href="http://auto.ifeng.com/biz/special/2014-audi-a8l/index.shtml" target="_blank" st
<a href="http://auto.ifeng.com/biz/special/audi-q7/index.shtml" target="_blank" st
</div>
</div>
<div class="block block_01" >
<div class="content" >
<div id="JDimgse" class="JDimgse">
<div class="imgcon">
<img src="http://y2.ifengimg.com/122cec7d05acea30/2014/0309/1.jpg" />
<img src="http://y2.ifengimg.com/122cec7d05acea30/2014/0309/2.jpg"/>
<img src="http://y2.ifengimg.com/122cec7d05acea30/2014/0309/3.jpg"/>
</div>
<ul class="count" >
<li class="sel" on
<li on
<li on
</ul>
<div class="textbg">
<a>品鉴超群之人 先鉴未来 奥迪A7 灵感天成</a>
<a st
<a st
</div>
</div>
<div class="txt" st
即刻注册试驾，更有进口雪茄相送！旅程中，A7为您护驾，闲暇时，雪茄让您陶醉。人生本应如此洒脱。</div>
<div class="txt" st
雪茄（英文：Cigar），属于香烟的一类，由干燥及经过发酵的烟草卷成的香烟，吸食时把其中一端点燃，然后在另一端用口吸咄产生的烟雾。 雪茄的烟草的主要生产国是：巴西、喀麦隆、古巴、多米尼加共和国、洪都拉斯、印尼、墨西哥、尼加拉瓜和美国。<a href="http://biz.ifeng.com/auto/special/audi-a7/cigar/detail_2014_03/09/1951451_0.shtml" target="_blank">[详细]</a>
</div>
<div st
<ob
<param name="movie" value="http://img.ifeng.com/swf/zuheVpla
<param name="FlashVars" value="guid=018e66a7-014a-4bca-a9a3-bcdeae49bb4d&from=&pla
<param name="allowFullScreen" value="true">
<param name="wmode" value="transparent">
<param name="allowsc
<em
</ob
</div>
<table width="500" border="0" cellpadding="0" cellspacing="0" class="table">
<tr>
<td width="221">姓名：
<input name="userName" type="text" class="input" id="userName" value="" st
性别：
<select id="sex" name="" class="select" st
<option value="男">男</option>
<option value="女">女</option>
</select>
</td>
<td width="219" height="26">
最近经销商
<select id="jxs" name="jxs" class="select" on
<option value='0' >请选择</option>
</select>
</td>
</tr>
<tr>
<td>手机：
<input name="tel" type="text" class="input" id="tel" value=""/>
</td>
<td height="26">
意向购买车型：
<select name="carType" class="select" id="carType" st
<option value=''>请选择</option>
<option value='A7 30 FSI时尚型'>A7 30 FSI时尚型</option>
<option value='A7 30 FSI进取型'>A7 30 FSI进取型</option>
<option value='A7 35 FSI quattro技术型'>A7 35 FSI quattro技术型</option>
<option value='A7 50 TFSI quattro 舒适型'>A7 50 TFSI quattro 舒适型</option>
<option value='A7 50 TFSI quattro豪华型'>A7 50 TFSI quattro豪华型</option>
</select>
</td>
</tr>
<tr>
<td>电子邮箱：
<input name="email" type="text" class="input" id="email" value="" st
</td>
<td height="26">
意向购车时间：
<select name="buyCarTime" class="select" id="buyCarTime" st
<option value=''>请选择</option>
<option value="3个月内">3个月内</option>
<option value="3至6个月">3至6个月</option>
<option value="6个月到一年">6个月到一年</option>
<option value="目前还没有考虑">目前还没有考虑</option>
</select>
</td>
</tr>
<tr>
<td>
省份：<select id="province" name="province" on
<option value='' >请选择</option>
</select>
城市：<select id="cs" name="cs" on
<option value='' >请选择</option>
</select>
</td>
<td height="26">购车意向：
<select id="isBuyCar" name="" class="select" st
<option value="是">是</option>
<option value="否">否</option>
</select>
</td>
</tr>
<tr>
<td height="26" colspan="2">您的个人资料有可能会提交至一汽-大众奥迪厂商的授权经销商与您进一步沟通试驾购车事宜。
</td>
</tr>
<tr>
<td height="26" colspan="2"><input name="button" type="submit" class="button_01" value="" on
</tr>
</table>
</div>
</div>
<div class="block block_02" >
<div class="content" >
<div id="scrollcon_01" class="scrollcon_01">
<div class="scrollText" id="scrollText_01" >
<!--内容开始-->
<p>奥迪A7携五大金融购车方案，让独到眼界得以超前品鉴。品位超凡者，先于他人鉴赏未来。奥迪A7以五大灵活金融方案，开启尊享礼遇季。即日起至2014年3月31日期间订购奥迪A7、S7车型，丰富畅捷，全面驾驭您的购车所需，更专享购置税减半超值惊喜。</p>
<p><strong>金融购车方案详情：</strong></p>
<p><strong>1．缓冲信贷购车方案</strong><br />
首付20%起，前4个月为缓冲期，缓冲期间零月供，12-36期尊享2.88%-5.88%低利率。</p>
<p><strong>2．阶梯信贷购车方案</strong><br />
首付20%起，尊选阶梯递增或阶梯递减方案，24、36期贷款尊享2.88%、3.88%低利率。</p>
<p><strong>3．低首付、低利率购车方案</strong><br />
首付低至20%，12期零压力零利率、18-60期尊享1.88%-5.88%低利率。</p>
<p><strong>4．信用卡双免购车方案</strong><br />
持指定银行信用卡购车，可轻松享有首付20%起，12、18期免利息、免手续费，24-48期免利息、4%-14%低手续费。</p>
<p><strong>5.低月供、灵活尾款购车方案</strong><br />
首付50%、贷款50%（即尾款），尊享1年期88元低月供。</p>
<p>（以上方案可任享其一）</p>
<p><strong>奥迪A7金融购车方案合作方：</strong></p>
<p>一汽汽车金融公司</p>
<p>大众汽车金融公司</p>
<p>平安银行</p>
<p>中国招商银行信用卡中心</p>
<p>中国建设银行信用卡中心</p>
<p>*活动详情请垂询当地一汽-大众奥迪特许经销商</p>
<!--内容结束-->
</div>
<div class="scrollcon">
<div class="scrollbarmask" id="scrollbarMask_01">
<div class="scrollbar" id="scrollbar_01"></div>
</div>
</div>
</div>
<div st
<if
</div>
</div>
</div>
<div class="block block_03" >
<div class="content" >
<div st
<div st
<if
</div>
</div>
</div>
</div>
<div class="block block_04" >
<div class="content" >
<div class="imgslide" >
<div id="imagecon">
<img src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/11.jpg" width="780" height="433" />
</div>
<div class="imgscroll" id="scroll_0">
<div class="prev" ></div>
<div class="next" > </div>
<div class="imgview">
<ul id="imgview">
<li class="sel" index="0" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/11.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/30.jpg" /></li>
<li index="1" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/12.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/31.jpg" /></li>
<li index="2" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/13.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/32.jpg" /></li>
<li index="3" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/14.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/33.jpg" /></li>
<li index="4" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/16.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/34.jpg" /></li>
<li index="5" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/17.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/35.jpg" /></li>
<li index="6" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/18.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/36.jpg" /></li>
<li index="7" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/19.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/37.jpg" /></li>
<li index="8" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/20.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/38.jpg" /></li>
<li index="9" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/21.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/39.jpg" /></li>
<li index="10" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/22.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/40.jpg" /></li>
<li index="11" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/23.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/41.jpg" /></li>
<li index="12" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/25.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/42.jpg" /></li>
<li index="13" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/26.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/43.jpg" /></li>
<li index="14" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/27.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/44.jpg" /></li>
<li index="15" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/28.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/45.jpg" /></li>
<li index="16" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/29.jpg"><img border="0" alt="" src="http://y0.ifengimg.com/122cec7d05acea30/2014/0309/46.jpg" /></li>
</ul>
</div>
</div>
</div>
<div class="chaFooter">
<div class="footli
<div class="copyright"> 凤凰新媒体 版权所有<br />
Copyright © 2011 Phoenix New Media Limited All Rights Reserved. </div>
</div>
</div>
</div>
<sc
<sc
var imgViewIndex = 0;
j(document).ready(function(){
j('#imgview li').find('img').each(function(index){
j(this).attr('index',index);
});
j('#imgview li').click(function(){
imgViewIndex = j(this).attr('index');
imgload(j(this).attr('src'));
picshow();
});
});
function imgload(url){
j('#imagecon').html('<img src="'+url+'" width="779" height="445">');
}
j("#imgview li").click(function(){
j("#imgview li").attr("class","");
j(this).attr("class","sel");
});
function picshow(){
j('.textcon').hide();
j(j('.textcon')[imgViewIndex]).show();
var src = j(j('#imgview li')[imgViewIndex]).attr('src');
j('#imgview li').attr('class','');
j(this).attr("class","sel");
j(j('#imgview li')[imgViewIndex]).attr('class','sel');
}
function picScroll(ID,scrnum,atime,animateDirection,asnum){
this.id = ID;
var id = j("#"+this.id);
var prevObj = j(id).find(".prev");
var nextObj = j(id).find(".next");
var ulLength = Math.ceil(j(id).find("li").length/3);
var picScrollIndex = 0;
var isPicScrollRun = true;
var imgview = j(id).find("ul");
this.init = function(){
if(ulLength <= asnum){
j(nextObj).animate({opacity:0.5},100);
j(prevObj).animate({opacity:0.5},100);
}
j(nextObj).click(function(){
if(!isPicScrollRun)
return;
picScrollIndex++;
if(picScrollIndex > ulLength-asnum)
picScrollIndex = 0;
picScrollSlide(picScrollIndex);
});
j(prevObj).click(function(){
if(!isPicScrollRun)
return;
picScrollIndex--;
if(picScrollIndex < 0)
picScrollIndex = ulLength-asnum;
picScrollSlide(picScrollIndex);
});
}
function picScrollSlide(picScrollIndex){
//isPicScrollRun = false;
var animateoption
if(animateDirection == 'X'){
animateoption = {
marginLeft : picScrollIndex*-scrnum
}
}else{
animateoption = {
marginTop : picScrollIndex*-scrnum
}
}
j(imgview).stop();
j(imgview).animate(animateoption,atime,'easeOutBack',function(){
isPicScrollRun = true;
});
}
this.init()
}
picScroll('scroll_0',366,500,'y',1);
new dragFunction('scrollbar_01','scrollbarMask_01','scrollText_01','scrollcon_01');
</sc
<!--[if IE 6]>
<sc
<sc
j(function(){
//alert("您使用的浏览器版本太低会导致程序运行缓慢，建议使用IE7以上版本或其他浏览器！");
DD_belatedPNG.fix("div,img");
});
</sc
<![endif]-->
</body>
</html>
最佳答案
