JavaScript是如何改变网页的CSS样式的？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript是如何改变网页的CSS样式的？相关的知识，希望对你有一定的参考价值。
通常我们将网页的样式和内容分开，样式放在css文件，内容放在html文件，当html文件需要用到样式的时候，直接引用css中定义的样式就可以了。其实javascript也能使用css文件或直接改变样式的属性来动态的改变网页的样式。1、JavaScript设置内联样式
改变样式最直接的方法就是改变元素节点的style属性。如：
myElement.sytle.color = “red”;
myElement.sytle.left = “40px”;
myElement.sytle.backgroundRepeat = “repeat-x”;
JavaScript设置内联样式时，采用和css设置样式一样的风格。如设置myElement的color属性时，我们可以赋值任何在css中可以用的值，所以这里除了可以使用”red”，还可以使用”blue”, ”yellow”或十六进制的”#ff0000”。
另外用JavaScript改变网页的属性还需要注意2点：
l JavaScript中采用驼峰命名法：在css中，属性名中的单词之间是用横杠隔开，如font-weight, background-color。但在JavaScript中，横杠可能被认为是减号，所以采用驼峰命名法，单词之间不用横杠，如font-weight在JavaScript中应该写成fontWeight;而background-color写成backgroundColor。
l JavaScript中属性值为字符串：在css中，属性值都写在双引号中，即要用字符串来给css相关属性赋值，同样当属性值有单位时，我们需要将单位也写在字符串中。
2、JavaScript设置外部样式
当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。如下格式：
myElement.className = “someCSSclass”;
同样需要注意几点：
l 不要将className写成class，因为class是JavaScript保留的关键字，我们不能使用。
l 将定义在css中的样式直接赋值给className，就能改变myElement元素的样式。
l 当要删除元素的样式，可以给className属性赋值为空。如：
myElement.className = “”;
教程网 站-秒秒学上的JavaScript课程有一个章节专门讲解JavaScript改变样式的内容，可以看看，希望对你有帮助。 参考技术A 1 <div id ="mydiv" style="width:100px;height:100px; border:1px solid black;"></div><br> 2 <script><br> 3 var mydiv = document.getelementbyid("mydiv");<br> 4 <br> 5 alert(mydiv.style.width);//100px<br> 6 <br> 7 alert(mydiv.style['height']);//100px<br> 8 <br> 9 var style=mydiv.style;<br>10 alert(style.backgroundcolor);//red<br>11 <br>12 mydiv.style.backgroundcolor='green';//mydiv背景色变为绿色 <br>13 </script>在这种情况下，获取和设置样式只靠style属性就可以，因为element.style属性返回的是类似数组的一组样式属性及对应值，因此访问具体样式的时候可以采取两种方式即“ele.style.属性名称”和“ele.style['属性名称']”。但是，要注意的是，针对css样式里background-color;margin-left之类的短杠相接的属性名称，在使用style属性获取设置样式的时候名称要改为驼峰式，如ele.style.backgroundcolor.<br>二、因为第一种方法，即使用style属性只能获取到内联样式。但是，实际情况是文档在现在都基本遵循分离思想，样式基本都是外部链接，所以三种样式都要考虑到的，这时就要使用其他方法进行获取，而在这种情况下进行样式获取时，不同的浏览器又有不同的处理方式（主要是ie和非ie），因此根据浏览器可以分为两种方式：<br>（2.1）非ie浏览器中，使用document.defaultview对象的getcomputedstyle(ele，null/伪类)方法，该方法接受两个参数，第一个为要考察的元素，第二个则要根据情况，如果只是考察元素本身则为null，如果要 考察伪类，则为响应的伪类。该方法获取到的为元素应用的最终样式组合，同样是类似数组的一个实例。<br>（2.2）在ie浏览器中，对getcomputedstyle()方法不支持，但是针对每个标签元素都有一个近似于style属性的currentstyle的属性，且用法和style用法相同。只不过获取到的样式范围不一样。currenstyle获取到的和getcomputedstyle（）方法相接近。<br>为了在处理时达到兼容，可以根据这两种不同的处理方式创建一个函数来达到兼容目的，使得不管在那种浏览器中，都可以成功获取样式。如下所示：<br> 1<style type="text/css"><br> 2 #mydiv <br> 3 background-color:blue;<br> 4 width:100px;<br> 5 height:200px;<br> 6 <br> 7 </style><br> 8 <br> 9 <div id ="mydiv" style=" border:1px solid black;"></div><br>10 <script><br>11 var mydiv = document.getelementbyid("mydiv");<br>12 var finalstyle = mydiv.currentstyle ? mydiv.currentstyle : document.defaultview.getcomputedstyle(mydiv, null);/*利用判断是否支持currentstyle（是否为ie）<br>13 来通过不同方法获取style*/<br>14 alert(finalstyle.backgroundcolor); //"red"<br>15 alert(finalstyle.width); //"100px"<br>16 alert(finalstyle.height); //"200px"<br>17 </script>
京东网页仿照
通过仿照京东网页让我们对wed的知识得到了全面的了解：首先对Html内容层的使用，对Html标签对应角色的掌握；其次是对css样式层的熟练，它要做的是一块内容以什么样的样式显示（如：字体大小、颜色、宽高等）；再是对JavaScript行为层的方法使用，主要是实现一些动态效果（如：图片切换、图片轮播等）和改变内容的样式；最后可以利用jQuery实现JavaScript复杂的代码，可减少代码量，jQuery可将一些复杂的效果简单的表达出来。
Html（内容层）部分
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>京东</title> <link rel="stylesheet" href="css/index.css" /> <link rel="stylesheet" href="css/aishenghuo.css" /> <link rel="shortcut icon" href="img/favicon.ico" /> <script src="js/first.js" type="text/javascript" ></script> <script src="js/navigation.js" type="text/javascript"></script> <script src="js/cg.js" type="text/javascript" ></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/aishenghuo.js"></script> </head> <body> <!--导航标题--> <div class="navigation ha"> <ul class="w"> <li class="address lt"> 送至：北京<span>?</span> </li> <li class="rt">网站导航<span>?</span></li> <li class="rt border01"></li> <li class="rt">客户服务<span>?</span></li> <li class="rt border01"></li> <li class="rt">关注京东<span>?</span></li> <li class="rt border01"></li> <li class="rt"><i></i><b>手机京东</b><span>?</span></li> <li class="rt border01"></li> <li class="rt">企业采购</li> <li class="rt border01"></li> <li class="rt">京东会员</li> <li class="rt border01"></li> <li class="rt">我的京东<span>?</span></li> <li class="rt border01"></li> <li class="rt">我的订单</li> <li class="rt border01"></li> <li class="rt login"> <a href="html/login.html" id="cg" >你好，请登录</a> <a href="#" class="col-red">免费注册</a> </li> </ul> </div> <!-- 京东的Topbanner部分 --> <div class="topbanner" id="advertisement"> <div class="img-banner w"> <img src="img/banner.jpg" /> <a href="#" class="close-banner" onclick="close01()"></a> </div> </div> <!--京东的TopCenter部分 start--> <div class="w topCenter"> <img class="lt" src="img/logo-201305.png" /> <div class="lt search"> <input class="import" type="text" value="移动电源" /> <input class="button01" type="button" value="搜索" /> <ul> <li ><a href="#" style="color: red;">百元神券</a></li> <li><a href="#">满199-100</a></li> <li><a href="#">599减400</a></li> <li><a href="#">买1送1</a></li> <li><a href="#">秋收季</a></li> <li><a href="#">冲锋衣男</a></li> <li><a href="#">红酒</a></li> <li><a href="#">新品首发</a></li> <li><a href="#">游戏耳机</a></li> </ul> </div> <div class="rt my-cart"> <a href="#"><i class="lt"></i> 我的购物车 ></a> <span>0</span> </div> </div> <!--商分类栏 commodity start--> <div class="commodity"> <div class="w"> <div class="lt dt"> <a href="#"><span style="color: rgb(241,195,199); margin-left: 10px;">全部商品分类</span></a> </div> <ul> <li class="lt"><a href="#">服装城</a></li> <li class="lt"><a href="#">美妆馆</a></li> <li class="lt"><a href="#">京东超市</a></li> <li class="lt"><a href="#">生鲜</a></li> <li class="lt"><a href="#">全球购</a></li> <li class="lt"><a href="#">闪购</a></li> <li class="lt"><a href="#">团购</a></li> <li class="lt"><a href="#">拍卖</a></li> <li class="lt"><a href="#">金融</a> <img src="img/new01.jpg" /> </li> </ul> </div> </div> <div class="bannner604"> <a href="#"></a> </div> <div class="classify-content w"> <div class="classify lt"> <ul> <li><a href="#">家用电器<span>＞</span></a></li> <li><a href="#">手机、运营商、数码<span>＞</span></a></li> <li><a href="#">电脑、办公<span>＞</span></a></li> <li><a href="#">家居、家具、家装、厨具<span>＞</span></a></li> <li><a href="#">男装、女装、童装、内衣<span>＞</span></a></li> <li><a href="#">个化妆、清洁用品、宠物<span>＞</span></a></li> <li><a href="#">鞋靴、箱包、珠宝、奢侈品<span>＞</span></a></li> <li><a href="#">运动、户外、钟表<span>＞</span></a></li> <li><a href="#">汽车、汽车用品<span>＞</span></a></li> <li><a href="#">母婴、玩具乐器<span>＞</span></a></li> <li><a href="#">食品、酒类、生鲜、特产<span>＞</span></a></li> <li><a href="#">医药保健<span>＞</span></a></li> <li><a href="#">图书、音像、电子书<span>＞</span></a></li> <li><a href="#">彩票、旅行、充值、票务<span>＞</span></a></li> <li><a href="#">理财、众筹、白条、保险<span>＞</span></a></li> </ul> </div> <div class="img-lb lt" onmouseover="myButtonoverimg(this)" onmouseout="myButtonoutimg(this)"> <img id="showpic" src="img/580717a9Ne358884f.jpg"> <button id="btleft" onclick="myButtonLeft()" class="lt">< </button> <button id="btright" onclick="myButtonRight()" class="rt">> </button> </img> <div class="pages "> <div onmouseover="myFunction(0)" id="pagesimage0" style="color: red;">1</div> <div onmouseover="myFunction(1)" id="pagesimage1">2</div> <div onmouseover="myFunction(2)" id="pagesimage2">3</div> <div onmouseover="myFunction(3)" id="pagesimage3">4</div> <div onmouseover="myFunction(4)" id="pagesimage4">5</div> <div onmouseover="myFunction(5)" id="pagesimage5">6</div> </div> </div> <div class="rt bulletin"> <div class="bulletin-content"> <span>京东快报</span> <a href="#">更多 ></a> <hr /> <ul> <li><a href="#"><strong>[特惠]</strong>强韧满分 唤醒元气秀发</a></li> <li><a href="#"><strong>[公告]</strong>山姆会员商店全面入驻京东商城</a></li> <li><a href="#"><strong>[特惠]</strong>山姆会员店盛大开业，全店热销</a></li> <li><a href="#"><strong>[公告]</strong>大家电订单超期自动取消公告</a></li> <li><a href="#"><strong>[特惠]</strong>5折神券提前抢！</a></li> </ul> </div> <div class="bulletin-img" id="bulietinimg" > <ul> <li><a href="#" class="img01"><i></i><span>话费</span></a></li> <li><a href="#" class="img02"><i></i><span>机票</span></a></li> <li><a href="#" class="img03"><i></i><span>电影票</span></a></li> <li><a href="#" class="img04"><i></i><span>游戏</span></a></li> <li><a href="#" class="img05"><i></i><span>彩票</span></a></li> <li><a href="#" class="img06"><i></i><span>加油卡</span></a></li> <li><a href="#" class="img07"><i></i><span>酒店</span></a></li> <li><a href="#" class="img08"><i></i><span>火车票</span></a></li> <li><a href="#" class="img09"><i></i><span>众筹</span></a></li> <li><a href="#" class="img10"><i></i><span>理财</span></a></li> <li><a href="#" class="img11"><i></i><span>礼品卡</span></a></li> <li><a href="#" class="img12"><i></i><span>白条</span><img src="img/song.png" /></a></li> </ul> </div> </div> <div class="rt foot-img"> <img src="img/580a05d7Neee5c56f.jpg" /> </div> </div> <script type="text/javascript" > var bulietinimg=document.getElementById(‘bulietinimg‘).getElementsByTagName(‘i‘); var li=document.getElementById(‘bulietinimg‘).getElementsByTagName(‘li‘); for(var i=0;i<bulietinimg.length;i++){ bulietinimg[i].style.backgroundPosition= "right "+(-i*25)+"px"; // var num = bulietinimg[i].style.backgroundPosition; // console.log(num); if(i%4<4){ li[i].style.borderBottom=0+"px"; li[i].style.borderLeft=0+"px"; } if((i+1)%4==0){ li[i].style.borderRight=0+"px"; } } </script> <!--今日推荐 start--> <div class="today"> <div class="w"> <!--时间表--> <div class="today-imgcloock"> <!--<div class="today-clock"> <div class="cla"> <div class="today-clock-h" id="todayClockHours" style="transform: rotate(0deg);"> </div> <div class="today-clock-m" style="transform: rotate(0deg);"> </div> <div class="today-clock-s"> </div> </div> </div>--> </div> <div class="today-img" id="today-div"> <ul id="imsdv"> <li><img src="img/580b8304N409b717b.jpg" alt="" /></li> <li><img src="img/5811db80N072a8d2a.jpg" alt="" /></li> <li><img src="img/580f2c0dN36492714.jpg" alt="" /></li> <li><img src="img/5812c3d5Nb699f18c.png" alt="" /></li> <li><img src="img/580b807aN8731160a.jpg" alt="" /></li> <li><img src="img/580d9f63N4a4af79d.jpg" alt="" /></li> <li><img src="img/580dbfbbN64745f83.jpg" alt="" /></li> <li><img src="img/580f1013N7dde5f49.jpg" alt="" /></li> <li><img src="img/580b8304N409b717b.jpg" alt="" /></li> <li><img src="img/5811db80N072a8d2a.jpg" alt="" /></li> <li><img src="img/580f2c0dN36492714.jpg" alt="" /></li> <li><img src="img/5812c3d5Nb699f18c.png" alt="" /></li> <li><img src="img/580b807aN8731160a.jpg" alt="" /></li> <li><img src="img/580d9f63N4a4af79d.jpg" alt="" /></li> <li><img src="img/580dbfbbN64745f83.jpg" alt="" /></li> <li><img src="img/580f1013N7dde5f49.jpg" alt="" /></li> </ul> <button id="todayLeft"><</button> <button id="todayRigth">></button> </div> </div> </div> <!--爱生活 start--> <div class="w conteneH"> <ul> <li class="contenetn">食品生鲜</li> <li>电脑办公</li> <li>手机通讯</li> <li>生活电器</li> </ul> </div> <div class="conteneimg w"> <ul> <li><a href=""><img src="img/食品生鲜/0.jpg" alt="" /><span>德芙Dove巧克力252g*2碗京东特供装（香浓黑+丝滑牛奶+实用纸巾抽)</span><i>￥56.90</i></a></li> <li><a href=""><img src="img/食品生鲜/1.jpg" alt="" /><span>三全 速冻水饺 状元水饺 玉米蔬菜 702g（42只装)</span><i>￥13.90</i></a></li> <li><a href=""><img src="img/食品生鲜/2.jpg" alt="" /><span>[京东超市]马来西亚进口 益昌老街 即溶咖啡（炭烧）100条 1600g</span><i>￥55.90</i></a></li> <li><a href=""><img src="img/食品生鲜/3.jpg" alt="" /><span>[京东超市]德国 原装进口牛奶 艾他堡（Attaber）超高温灭菌全脂纯牛奶200mL*21盒（整箱装)</span><i>￥39.90</i></a></li> <li><a href=""><img src="img/食品生鲜/4.jpg" alt="" /><span>[京东超市]新西兰 进口牛奶 纽仕兰（Theland）全脂牛奶 250ml*24家庭装</span><i>￥69.00</i></a></li> <li><a href=""><img src="img/食品生鲜/5.jpg" alt="" /><span>[京东超市]泰国进口 酸奶饮品 达美（Dutch Mill）蓝莓味酸奶饮品180ml*4 组合装</span><i>￥13.90</i></a></li> <li><a href=""><img src="img/食品生鲜/6.jpg" alt="" /><span>[京东超市]韩国进口 宾格瑞（BINGGRAE）哈密瓜味牛奶饮料200ml*6</span><i>￥26.90</i></a></li> <li><a href=""><img src="img/食品生鲜/7.jpg" alt="" /><span>[满199减100]泰国原装进口 Kellogg’s 家乐氏 玉米片 营养冲饮谷物早餐 牛奶搭档 500g</span><i>￥33.90</i></a></li> <li><a href=""><img src="img/食品生鲜/8.jpg" alt="" /><span>[京东超市]德国 进口牛奶 欧德堡（Oldenburger）超高温处理脱脂纯牛奶200ml*24盒</span><i>￥49.90</i></a></li> <li><a href=""><img src="img/食品生鲜/9.jpg" alt="" /><span>[京东超市]德国 进口牛奶 欧德堡（Oldenburger）超高温处理全脂纯牛奶1L*12</span><i>￥89.00</i></a></li> <li><a href=""><img src="img/食品生鲜/10.jpg" alt="" /><span>[京东超市]新西兰原装进口牛奶 安佳Anchor全脂牛奶UHT纯牛奶250ml*24 整箱装</span><i>￥79.00</i></a></li> <li><a href=""><img src="img/食品生鲜/11.jpg" alt="" /><span>[买三免一]新西兰原装进口牛奶 安佳Anchor全脂牛奶UHT纯牛奶250ml*10 礼盒装</span><i>￥69.00</i></a></li> </ul> </div> <!--爱生活 end--> <!--多快好省部分 start--> <div class="way"> <div class="w"> <div class="way-img"> <span> <img src="img/slogen1.png" /> </span> <span> <img src="img/slogen2.png" /> </span> <span> <img src="img/slogen3.png" /> </span> <span> <img src="img/slogen4.png" /> </span> </div> </div> </div> <div class="way-content w"> <dl style="margin-left: 5px;"> <dt>购物指南</dt> <dd>购物流程</dd> <dd>会员介绍</dd> <dd>生活旅行/团购</dd> <dd>常见问题</dd> <dd>大家电</dd> <dd>联系客服</dd> </dl> <dl> <dt>配送方式</dt> <dd>上门自提</dd> <dd211限时达></dd> <dd>配送服务查询</dd> <dd>配送费收取标准</dd> <dd>海外配送</dd> </dl> <dl> <dt> 支付方式</dt> <dd>货到付款</dd> <dd>在线支付</dd> <dd>分期付款</dd> <dd>邮局汇款</dd> <dd>公司转账</dd> </dl> <dl> <dt>售后服务</dt> <dd>售后政策</dd> <dd>价格保护</dd> <dd>退款说明</dd> <dd>返修/退换货</dd> <dd>取消订单</dd> </dl> <dl> <dt>特色服务</dt> <dd>夺宝岛</dd> <dd>DIY装机</dd> <dd>延保服务</dd> <dd>京东E卡</dd> <dd>京东通信</dd> <dd>京东JD</dd> </dl> <dl> <dt>京东自营覆盖区县</dt> <dd>京东已向全国2654个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。 查看详情 ></dd> </dl> </div> <!--页脚--> <div class="jd-footer w"> <div class="links"> <a href="#">关于我们</a> | <a href="#"> 联系我们</a> | <a href="#">联系客服</a> | <a href="#">商家入驻</a> | <a href="#">营销中心</a> | <a href="#">手机京东</a> | <a href="#">友情链接</a> | <a href="#">销售联盟</a> | <a href="#">京东社区</a> | <a href="#">风险监测</a> | <a href="#">京东公益</a> | <a href="#">English Site</a> | <a href="#">Contact Us</a> </div> <div class="copyright"> <h6>京公网安备 11000002000088号 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-经营性-2014-0008 | 新出发京零 字第大120007号</h6> <h6>互联网出版许可证编号新出网证(京)字150号 | 出版物经营许可证 | 网络文化经营许可证京网文[2014]2148-348号 | 违法和不良信息举报电话：4006561155</h6> <h6>Copyright ? 2004 - 2016 京东JD.com 版权所有 | 消费者维权热线：4006067733</h6> <h6>京东旗下网站：京东钱包</h6> </div> <div class="message"> <a href="#"><img src="img/mess.png" alt="" /></a> <a href="#"><img src="img/mess2.png" alt="" /></a> <a href="#"><img src="img/mess3.png" alt="" /></a> <a href="#"><img src="img/mess4.png" alt="" /></a> <a href="#"><img src="img/mess5.png" alt="" /></a> </div> </div> </body> </html>
css（样式）部分：
@charset "UTF-8"; /*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; } ul, ol { list-style:none; } input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";} select, input { vertical-align:middle;} select, input, textarea { font-size:12px; margin:0; } textarea { resize:none; } /*防止拖动*/ img {border:0; vertical-align:middle; } /* 去掉图片低测默认的3像素空白缝隙*/ table { border-collapse:collapse; } body { font:12px/150% Arial,Verdana,"\5b8b\4f53"; color:#666; background:#fff; } .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after{clear:both;} .clearfix{ *zoom:1;/*IE/7/6*/ } a {color:#666; text-decoration:none; } a:hover{color:#C81623;} h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;} s,i,em{font-style:normal;text-decoration:none;} .col-red{color: #C81623!important;} /*公共类*/ .w{ width: 1210px; margin: 0 auto; } .lt{ float: left; } .rt{ float: right; } .ha{ height: 30px; background-color: #f1f1f1; } /*<!--导航标题 开始-->*/ .navigation{ line-height: 30px; text-align: center; } .navigation li{ width: 80px; cursor: pointer; } .navigation ul li i{ display: block; margin: 5px 0 0 5px; float: left; width: 20px; height: 20px; /*background-color: red;*/ background: url(../img/jd2015img.png)no-repeat 0px 0px; } .navigation ul li b{ margin-left: -15px; } .navigation li:hover{ color: red; } .navigation .address{ width: 95px; } .navigation .border01{ width: 1px; height: 16px; margin-top: 8px; border-right: 1px solid rgb(166,166,166); } .navigation .login{ width: 150px; } .navigation span{ width: 15px; height: 30px; position: absolute; /*隐藏部分内容*/ clip:rect(15px 15px 30px 0); } /*<!--导航标题 end-->*/ /*<!-- 京东的Topbanner部分 start -->*/ .topbanner{ height: 80px; background-color: rgb(22,135,255); } .topbanner img{ width: 1210px; height: 80px; /*平铺*/ background-size: cover; } .topbanner .close-banner{ position: absolute; margin: -70px 0 0 1180px; width: 20px; height: 20px; background: url(../img/x.png); /*防止重复*/ background-repeat: no-repeat; } .topbanner .close-banner:hover{ /*切换显示图片上下的内容*/ background-position: bottom; } /*<!-- 京东的Topbanner部分 end-->*/ /*<!--京东的TopCenter部分 start-->*/ .topCenter{ margin-top: 25px; height: 75px; } .topCenter .search{ margin-left: 80px; width: 550px; height: 75px; } .topCenter .import{ width: 455px; height: 35px; border: 2px solid rgb(182,29,29); } .topCenter .button01{ margin-left: -3px; width: 80px; height: 39px; font-size: 18px; font-weight: lighter; color: white; background-color: rgb(182,29,29); cursor: pointer; } .topCenter .search ul{ position: absolute; margin-top: 5px; color: rgb(182,182,182); /*鼠标变成小手*/ cursor: pointer; } .topCenter ul{ width: 550px; } .topCenter li{ float: left; padding-right: 10px; font-size: 13px; } .topCenter li:hover{ color: red; } .topCenter .my-cart a:hover{ color: red; } .topCenter .my-cart{ margin-right: 55px; width: 140px; height: 37px; border: 1px solid rgb(223,223,223); background-color: rgb(248,248,248); line-height: 37px; } .my-cart a i{ display: block; margin: 8px 5px 0 15px; width: 25px; height: 25px; background: url(../img/jd2015img.png) no-repeat 0 -90px; } .topCenter .my-cart span{ position: absolute; margin-top: 140px; margin-left: -10px; width: 16px; height: 14px; background-color: #C81623; font-size: 12px; line-height: 14px; text-align: center; color: #fff; border-radius: 7px 7px 7px 0; top: -4px; } /*<!--商分类栏 commodity start-->*/ .commodity{ height: 44px; line-height: 44px; font-size: 15px; border-bottom: 2px solid rgb(177,25,26); } .commodity .dt{ display: block; width: 210px; height: 44px; background-color: rgb(177,25,26); } .commodity .w ul li{ width: 80px; color: rgb(63,63,63); text-align: center; } .commodity ul li img{ position: absolute; } .bannner604{ position: relative; } .bannner604 a{ position: absolute; width: 100%; height: 475px; background: url(../img/Bigbanner.jpg) no-repeat top center; } .classify-content{ position: relative; height: 475px; } .classify-content .classify{ height: 465px; width: 210px; background-color: rgb(200,22,35); } .classify-content .classify ul li:hover{ background-color: white; } .classify-content .classify ul li a{ margin-left: 10px; font-size: 13px; color: rgb(241,195,199); line-height: 31px; } .classify-content .classify ul li a span{ float: right; margin-right: 10px; } .classify-content .img-lb{ padding: 10px; width: 720px; cursor: pointer; } .classify-content .img-lb .pages{ position: absolute; margin-top: -30px; margin-left: 292px; width: 150px; height: 20px; } .classify-content .img-lb .pages div{ float: left; margin-left: 5px; width: 20px; height: 20px; /*切成圆形*/ border-radius: 50%; text-align: center; color: white; background-color: rgb(62,62,62); cursor: pointer; } .classify-content .img-lb .pages div:hover{ background-color: rgb(182,27,31); } .classify-content .img-lb button{ position: absolute; margin-top: -257px; height: 51px; width: 30px; background-color: rgba(0,0,0,.2); color: white; display: none; } .classify-content .img-lb button:hover{ background-color: rgba(0,0,0,.5); } .classify-content .bulletin{ margin-top: 10px; height: 372px; width: 250px; border: 1px solid gainsboro; } .bulletin .bulletin-content{ height: 160px; } .bulletin .bulletin-content span{ padding-left: 15px; line-height: 30px; font-size: 18px; } .bulletin .bulletin-content a{ float: right; line-height: 30px; padding-right: 10px; font-size: 13px; } .bulletin .bulletin-content ul li a{ float: left; line-height: 23px; padding-left: 10px; } .bulletin .bulletin-content ul li a strong{ padding-right: 10px; } .bulletin .bulletin-img{ height: 207px; text-align: center; } .bulletin-img ul li { float: left; width: 61.7px; height: 70px; font-size: 10px; border: 1px solid #E4E4E4; } .bulletin-img ul li i{ position: absolute; margin-left: -12px; margin-top: 10px; width: 25px; height: 25px; background: url(../img/icon_lifeserv.png) no-repeat right top; } .bulletin-img ul li span{ display: block; margin-top: 40px; } .bulletin-img ul li img{ position: absolute; margin:-60px 0px 0px 15px; } .classify-content .foot-img{ margin-top: 5px; } /*<!--商分类栏 commodity end*/ /*<!--今日推荐 start-->*/ .today{ height: 180px; } .today .w .today-imgcloock{ float: left; width: 210px; height: 151px; background: url(../img/tupian.png) no-repeat; } /*.today .w .today-imgcloock .today-clock{ position: relative; width: 66px; height: 66px; background-color: red; margin: 30px 0 0 70px; } .today-clock .cla{ position: relative; height: 10px; width: 10px; background-color: gold; } .today-clock .today-clock-h{ position: absolute; height: 10px; width: 20px; background-color: white; } .today-clock .today-clock-m{ position: absolute; height: 10px; width: 30px; background-color: yellow; }*/ .today .today-img{ width: 1000px; height: 151px; overflow: hidden; } .today .today-img ul{ width: 4000px; margin-left: -1000px; } .today .w ul li{ float: left; margin-left: 2px; } .today .w ul li img{ width: 248px; } #todayLeft{ position: absolute; margin-top: 50px; height: 50px; width: 30px; background-color: rgba(0,0,0,.2); color: white; display: none; } #todayRigth{ position: absolute; margin-left: 970px; margin-top: 50px; height: 50px; width: 30px; background-color: rgba(0,0,0,.2); color: white; display: none; } .today .today-img button:hover{ background-color: rgba(0,0,0,.5); } /*<!--今日推荐 end-->*/ /*<!--多快好省部分 start-->*/ .way{ height: 105px; background-color: rgb(245,245,245); text-align: center; } .way .w .way-img span{ float: left; width: 302px; line-height: 105px; } .way-content{ height: 200px; } .way-content dl{ float: left; margin-top: 20px; width: 200px; color: rgb(126,126,126); } .way-content dl dt{ font-size: 18px; line-height: 30px; } .way-content dl dd{ font-size: 13px; line-height: 20px; } /*<!--页脚-->*/ .jd-footer{ height: 200px; text-align: center; line-height: 20px; font-size: 13px; border-top: 1px solid rgb(229,229,229); color: rgb(163,163,163); } .jd-footer .links{ padding: 20px 0 10px 0; } .jd-footer .links a:hover{ color: red; } .jd-footer .message{ margin-top: 20px; } .jd-footer .message img{ padding-right: 20px; }
.conteneH{ height: 35px; } .conteneH ul{ width: 404px; height: 35px; text-align: center; border: 1px solid darkgray; border-bottom: 0; } .conteneH ul li{ position: relative; float: left; width: 100px; height: 25px; line-height: 25px; margin: 0 0 5px 0; font-size: 20px; cursor: pointer; border-right: 1px solid gainsboro; border-top: 5px solid white; } .conteneH ul li.contenetn{ border-color: red; border-right-color: gainsboro; } .conteneimg{ height: 1180px; } .conteneimg ul{ height: 1150px; width: 1208px; border: 1px solid darkgray; position: absolute; background-color: rgb(246,246,246); } .conteneimg ul li{ float: left; width: 280px; height: 360px; margin: 10px; background-color: white; } .conteneimg ul li img{ width: 280px; height: 280px; } .conteneimg ul li span{ padding: 0 5px 0 5px; height: 40px; width: 280px; line-height: 20px; font-size: 15px; display: block; overflow: hidden; } .conteneimg ul li i{ font-style: normal; padding-left: 25px; line-height: 40px; font-size: 25px; color: red; }
*{ padding: 0; margin: 0; } .title{ height: 80px; width: 1000px; margin: 0 auto; font-size: 30px; line-height: 80px; } .title img{ margin-top: 10px; } .title span{ position: absolute; margin-left: 25px; color: rgb(173,173,173); } .login{ height: 475px; background-color: rgb(233,56,84); } .login .logibox{ height: 475px; width: 1000px; background: url(../img/logibox.png)no-repeat; margin: 0 auto; } .login .logibox .logibox-interface{ float: right; margin-top: 40px; height: 370px; width: 345px; background-color: white; } .logibox-interface input{ border: 0; margin: 15px 0px 15px 0px; font-size: 20px; text-align: center; font-weight:bold; color: rgb(102,102,102); height: 25px; width: 170px; background-color: white; outline: none; } .logibox-interface .hr{ border-left: 1px solid rgb(244,244,244); color: red; } .logibox-interface hr{ border: 1px solid rgb(244,244,244); } .logibox-interface div{ height: 314px; width: 345px; } .account input{ text-align: left; margin:25px 0px 0px 50px; font-size: 15px; width: 270px; height: 37px; border: 1px solid rgb(189,189,189); } .account a{ display: block; margin:20px 0px 0px 50px; width: 270px; height: 37px; line-height: 37px; text-align: center; font-size: 20px; color: white; text-decoration: none; background-color: red; border: 0; } .logibox-interface .scan{ display: none; text-align: center; } .logibox-interface .scan img{ margin-top: 25px; } .scan ul{ margin-top: 100px; list-style: none; line-height: 55px; color: rgb(153,153,153); height: 55px; background-color: rgb(253,253,253); } .scan ul li{ float: left; width: 115px; } .foot{ width: 1000px; height: 60px; position: relative; margin: auto; margin-top: 30px; font-size: 13px; line-height: 30px; text-align: center; color: rgb(102,102,102); }
JavaScript（样式）部分：
var index=0; //时间间隔 var time=3500; var arr=new Array(); arr[0]="img/580717a9Ne358884f.jpg"; arr[1]="img/poster6.jpg"; arr[2]="img/5809890bNdf783c82.jpg"; arr[3]="img/58058906N50659314-1.jpg"; arr[4]="img/58073405N59b01742.jpg"; arr[5]="img/5809eb13N9c92a877.jpg"; //每隔time的时间,changeimg函数就执行一次 setInterval(changeImg,time); function changeImg(){ var obj=document.getElementById("showpic"); if(index==arr.length-1){ index=0; }else{ index+=1; } obj.src=arr[index]; fun(); } function myFunction(num){ var obj=document.getElementById("showpic"); index=num; obj.src=arr[index]; fun(); } //图片左右按钮 function myButtonLeft(){ var obj=document.getElementById("showpic"); if(index==0){ index=arr.length-1; }else{ index--; } obj.src=arr[index]; fun(); } function myButtonRight(){ var obj=document.getElementById("showpic"); if(index==arr.length-1){ index=0; }else{ index++; } obj.src=arr[index]; fun(); } //公共函数 function fun(){ for (var i=0; i<arr.length; i++) { var pagesimage=document.getElementById("pagesimage"+i); pagesimage.style.color="white"; } var pagesimage=document.getElementById("pagesimage"+index); pagesimage.style.color="red"; } //显示左右按钮 function myButtonoverimg(obj){ var left=document.getElementById("btleft"); var right=document.getElementById("btright"); left.style.display="block"; right.style.display="block"; right.style.marginLeft="700px"; } //隐藏左右按钮 function myButtonoutimg(obj){ var left=document.getElementById("btleft"); var right=document.getElementById("btright"); left.style.display="none"; right.style.display="none"; } //关闭广告 function close01(){ document.getElementById(‘advertisement‘).style.display="none"; }
$(document).ready(function(){ var arr=new Array(‘img/食品生鲜/‘,‘img/电脑办公/‘,‘img/手机通讯/‘,‘img/生活电器/‘); // 创建多维数组 var span=[[‘德芙Dove巧克力252g*2碗京东特供装（香浓黑+丝滑牛奶+实用纸巾抽)‘,‘欣星宇(XXY)Intel酷睿i3 6100/8G组装电脑主机家用办公游戏台式DIY组装机‘,‘[eBay精选]Apple/苹果 iPhone 7 4G 苹果7手机苹果手机 港版 玫瑰金色 128G‘,‘[明星推荐]南极人（Nanjiren）全自动深桶足浴盆电动加热洗脚盆家用自助按摩足疗泡脚器 自助按摩‘], [‘三全 速冻水饺 状元水饺 玉米蔬菜 702g（42只装)‘,‘Uniscom/紫光电子 MZ67 八核32G 10.1英寸3G通话平板电脑手机GPS MZ67-四核16G全白通话版 标配‘,‘小米移动电源 10000mAh 高配版‘,‘香港威马 蒸汽电熨斗家用熨烫熨衣机烫斗G-896STJ-E-M 紫色‘], [‘[京东超市]马来西亚进口 益昌老街 即溶咖啡（炭烧）100条 1600g‘,‘Apple iPad mini 4 7.9英寸平板电脑 金色（16G WLAN版 MK6L2CH）‘,‘小米（MI）小米活塞耳机基础版银色 小米原装线控入耳式耳机‘,‘安吉尔(Angel) J2375-ROB8 超滤膜 三膜双出水 家用净水器 航天纳米晶须长效抑菌‘], [‘[京东超市]德国 原装进口牛奶 艾他堡（Attaber）超高温灭菌全脂纯牛奶200mL*21盒（整箱装)‘,‘戴尔(DELL)成就Vostro14VR-1528R 14英寸商务笔记本电脑(i5-6200U 4G 500G M315 2G独显Win10)‘,‘小米（MI）小米胶囊耳机 胶囊式外观 亲肤硅胶耳套 半入耳式耳机（白）‘,‘苏泊尔（SUPOR)电饭煲电饭锅CFXB40HC807-120 IH加热‘], [‘[京东超市]新西兰 进口牛奶 纽仕兰（Theland）全脂牛奶 250ml*24家庭装‘,‘HHKB Professional2 白色有刻版 静电容键盘‘,‘全球购 Apple iPhone7 Plus 苹果港版 智能手机 移动联通双4G 金色 32GB‘,‘奔腾（POVOS）电饭煲电饭锅2L智能预约迷你电饭煲FN2173‘], [‘[京东超市]泰国进口 酸奶饮品 达美（Dutch Mill）蓝莓味酸奶饮品180ml*4 组合装‘,‘华硕（ASUS）ROG-STRIX-GTX1080-8G-GAMING 1607-1733MHz/10 Gbps 8G/GDDR5X PCI-E 3.0显卡‘,‘dostyle HS503一体式USB蓝牙耳机 苹果白‘,‘格兰仕（Galanz）烤箱家用容量多功能烘焙30升/L KWS1530X-H7R‘], [‘[京东超市]韩国进口 宾格瑞（BINGGRAE）哈密瓜味牛奶饮料200ml*6‘,‘三星（SAMSUNG）550R5L-Z03 15.6英寸笔记本电脑（i7-6500U 8G 500G+128GSSD GT9402G独显 高清屏 Win10）金‘,‘顶睿苹果7手机壳防摔全包iPhone7 Plus保护套硅胶适用于iPhone7/7plus 法拉利红色车牌-防摔挂‘,‘长虹（CHANGHONG）F03 台式小太阳取暖器/电暖器/电暖气‘], [‘[满199减100]泰国原装进口 Kellogg’s 家乐氏 玉米片 营养冲饮谷物早餐 牛奶搭档 500g‘,‘三星（SAMSUNG）270E5K-X0D 15.6英寸笔记本电脑（i7-5500U 8G 1TB 2G独显 DVD刻录 WIN10 蓝牙4.0）象牙白‘,‘RTAKO[3D抗蓝光]iphone7/6S/6钢化膜 新升级不碎边4.7英寸白色全屏抗蓝光‘,‘科沃斯（Ecovacs）地宝sugar（D45A-TG）荧彩绿 扫地机器人迷你机身智能吸尘器家用拖地擦地机‘], [‘[京东超市]德国 进口牛奶 欧德堡（Oldenburger）超高温处理脱脂纯牛奶200ml*24盒‘,‘体思科 V3 人体工学电脑椅 办公椅 Wintex网背‘,‘dostyle超模系列 4.7英寸手机防爆钢化膜三片装（高透+抗蓝光+全屏覆盖钢化膜各一片） 适配iphone 7‘,‘飞利浦（PHILIPS）空气净化器 AC1216/00 除甲醛卧室静音款‘], [‘[京东超市]德国 进口牛奶 欧德堡（Oldenburger）超高温处理全脂纯牛奶1L*12‘,‘三星（SAMSUNG）270E5K-X0D 15.6英寸笔记本电脑（i7-5500U 8G 1TB 2G独显 DVD刻录 WIN10 蓝牙4.0）象牙白‘,‘蓝弦 H+涡轮升级版 立体声HiFi音乐蓝牙耳机 通用型 头戴式 黑色‘,‘飞利浦（PHILIPS）电动牙刷HX6761/03亮白型成人充电式声波震动牙刷粉色‘], [‘[京东超市]新西兰原装进口牛奶 安佳Anchor全脂牛奶UHT纯牛奶250ml*24 整箱装‘,‘惠科（HKC）P2272id 21.5英寸果绿色LG原装IPS屏显示器‘,‘飞利浦 13000毫安 移动电源/充电宝 聚合物 DLP1130 白色 自带线 三口输出‘,‘飞利浦（PHILIPS）SPS3821B/93+SPS2421A/93 八位1.8米+四位1.8米插座 带开关 插排插线板/接线板/拖线板‘], [‘[买三免一]新西兰原装进口牛奶 安佳Anchor全脂牛奶UHT纯牛奶250ml*10 礼盒装‘,‘三星（SAMSUNG）270E5K-X05 15.6英寸笔记本电脑（i5-5200U 4G 500G 2G独显 DVD刻录 WIN10 蓝牙4.0）象牙白‘,‘美壳壳 苹果7创意支架手机壳全包防摔保护外套 适用于iPhone7/7plus 玫瑰金-(适用于苹果iPhone7plus)‘,‘飞科(FLYCO)FS338智能电动剃须刀 全身水洗刮胡刀‘]]; var price=[[‘￥56.90‘,‘￥1688‘,‘￥5199‘,‘￥111‘],[‘￥13.90‘,‘￥1099‘,‘￥139‘,‘￥279‘],[‘￥55.90‘,‘￥3488‘,‘￥28‘,‘￥1998‘],[‘￥39.90‘,‘￥2060‘,‘￥59.90‘,‘￥469‘], [‘￥69.00‘,‘￥59.99‘,‘￥5888‘,‘￥159‘],[‘￥13.90‘,‘￥39.99‘,‘￥69‘,‘￥198‘],[‘￥26.90‘,‘3899‘,‘￥18.80‘,‘￥49.00‘],[‘￥33.90‘,‘￥3099‘,‘￥19.90‘,‘￥599‘], [‘￥49.90‘,‘￥999‘,‘￥11.10‘,‘￥1499‘],[‘￥89.00‘,‘￥3899‘,‘￥99‘,‘￥399‘],[‘￥79.00‘,‘￥499‘,‘￥109‘,‘42.90‘],[‘￥69.00‘,‘￥3099‘,‘￥18.00‘,‘￥99‘],]; // // 开始时遍历数组 // $(‘.conteneH>ul>li‘).each(function(num,ele){ // $(ele).children(‘a‘).children(‘img‘).attr(‘src‘,arr[$(this).index()]+i+‘.jpg‘); // }) $(‘.conteneH>ul>li‘).mouseover(function(){ $(this).addClass("contenetn").siblings("li").removeClass("contenetn"); for (var i=0; i<$(‘.conteneimg>ul>li‘).length; i++) { $(‘.conteneimg>ul>li>a>span‘).eq(i).html(span[i][$(this).index()]); $(‘.conteneimg>ul>li>a>i‘).eq(i).html(price[i][$(this).index()]); $(‘.conteneimg>ul>li‘).eq(i).children(‘a‘). children(‘img‘).attr(‘src‘,arr[$(this).index()]+i+‘.jpg‘); } }) })
window.onload=function(){ function $(id){ return document.getElementById(id); } var ys=0; $(‘scan‘).onclick=function(){ $(‘scanContent‘).style.display=‘block‘; $(‘accountContent‘).style.display=‘none‘; $(‘scan‘).style.color=‘red‘; $(‘account‘).style.color=‘rgb(102,102,102)‘; ys=1; } $(‘account‘).onclick=function(){ $(‘scanContent‘).style.display=‘none‘; $(‘accountContent‘).style.display=‘block‘; $(‘account‘).style.color=‘red‘; $(‘scan‘).style.color=‘rgb(102,102,102)‘; ys=0; } $(‘scan‘).onmouseover=function(){ $(‘scan‘).style.color=‘red‘; } $(‘scan‘).onmouseout=function(){ if(ys!=1){ $(‘scan‘).style.color=‘rgb(102,102,102)‘; } } $(‘account‘).onmouseover=function(){ $(‘account‘).style.color=‘red‘; } $(‘account‘).onmouseout=function(){ if(ys!=0){ $(‘account‘).style.color=‘rgb(102,102,102)‘; } } }
//今日推荐图片切换 window.onload=function(){ function $ (id){ return document.getElementById(id); } $(‘today-div‘).onmouseover=function(){ $(‘todayLeft‘).style.display="block"; $(‘todayRigth‘).style.display="block"; } $(‘today-div‘).onmouseout=function(){ $(‘todayLeft‘).style.display="none"; $(‘todayRigth‘).style.display="none"; } //设置动画 var time; var target =-1000; $(‘todayLeft‘).onclick=function(){ $(‘todayLeft‘).disabled=true; if (target>= -3000) { time=setInterval(fun,5); } } $(‘todayRigth‘).onclick=function(){ $(‘todayRigth‘).disabled=true; if (target<=-1000) { time=setInterval(funrigth,5); } } function fun(){ target-=10; if (target==-2000) { clearInterval(time); $(‘todayLeft‘).disabled=false; }else if (target<-3000) { clearInterval(time); $(‘todayLeft‘).disabled=false; target=-1000; } $("imsdv").style.marginLeft=target+"px"; } function funrigth () { target +=10; if (target==-1000){ clearInterval(time); $(‘todayRigth‘).disabled=false; }else if (target>0) { clearInterval(time); $(‘todayRigth‘).disabled=false; target=-2000; } $("imsdv").style.marginLeft=target+"px"; } }
jquery源代码：
/*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Sat Feb 13 22:33:48 2010 -0500 */ (function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i? e(a[0],b):w}function J(){return(new Date).getTime()}function Y(){return false}function Z(){return true}function na(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function oa(a){var b,d=[],f=[],e=arguments,j,i,o,k,n,r;i=c.data(this,"events");if(!(a.liveFired===this||!i||!i.live||a.button&&a.type==="click")){a.liveFired=this;var u=i.live.slice(0);for(k=0;k<u.length;k++){i=u[k];i.origType.replace(O,"")===a.type?f.push(i.selector):u.splice(k--,1)}j=c(a.target).closest(f,a.currentTarget);n=0;for(r= j.length;n<r;n++)for(k=0;k<u.length;k++){i=u[k];if(j[n].selector===i.selector){o=j[n].elem;f=null;if(i.preType==="mouseenter"||i.preType==="mouseleave")f=c(a.relatedTarget).closest(i.selector)[0];if(!f||f!==o)d.push({elem:o,handleObj:i})}}n=0;for(r=d.length;n<r;n++){j=d[n];a.currentTarget=j.elem;a.data=j.handleObj.data;a.handleObj=j.handleObj;if(j.handleObj.origHandler.apply(j.elem,e)===false){b=false;break}}return b}}function pa(a,b){return"live."+(a&&a!=="*"?a+".":"")+b.replace(/\./g,"`").replace(/ /g, "&")}function qa(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function ra(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var f=c.data(a[d++]),e=c.data(this,f);if(f=f&&f.events){delete e.handle;e.events={};for(var j in f)for(var i in f[j])c.event.add(this,j,f[j][i],f[j][i].data)}}})}function sa(a,b,d){var f,e,j;b=b&&b[0]?b[0].ownerDocument||b[0]:s;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===s&&!ta.test(a[0])&&(c.support.checkClone||!ua.test(a[0]))){e= true;if(j=c.fragments[a[0]])if(j!==1)f=j}if(!f){f=b.createDocumentFragment();c.clean(a,b,f,d)}if(e)c.fragments[a[0]]=j?f:1;return{fragment:f,cacheable:e}}function K(a,b){var d={};c.each(va.concat.apply([],va.slice(0,b)),function(){d[this]=a});return d}function wa(a){return"scrollTo"in a&&a.document?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var c=function(a,b){return new c.fn.init(a,b)},Ra=A.jQuery,Sa=A.$,s=A.document,T,Ta=/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/, Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&& (d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this, a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b=== "find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this, function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;b<d;b++)if((e=arguments[b])!=null)for(j in e){i=a[j];o=e[j];if(a!==o)if(f&&o&&(c.isPlainObject(o)||c.isArray(o))){i=i&&(c.isPlainObject(i)|| c.isArray(i))?i:c.isArray(o)?[]:{};a[j]=c.extend(f,i,o)}else if(o!==w)a[j]=o}return a};c.extend({noConflict:function(a){A.$=Sa;if(a)A.jQuery=Ra;return c},isReady:false,ready:function(){if(!c.isReady){if(!s.body)return setTimeout(c.ready,13);c.isReady=true;if(Q){for(var a,b=0;a=Q[b++];)a.call(s,c);Q=null}c.fn.triggerHandler&&c(s).triggerHandler("ready")}},bindReady:function(){if(!xa){xa=true;if(s.readyState==="complete")return c.ready();if(s.addEventListener){s.addEventListener("DOMContentLoaded", L,false);A.addEventListener("load",c.ready,false)}else if(s.attachEvent){s.attachEvent("onreadystatechange",L);A.attachEvent("onload",c.ready);var a=false;try{a=A.frameElement==null}catch(b){}s.documentElement.doScroll&&a&&ma()}}},isFunction:function(a){return $.call(a)==="[object Function]"},isArray:function(a){return $.call(a)==="[object Array]"},isPlainObject:function(a){if(!a||$.call(a)!=="[object Object]"||a.nodeType||a.setInterval)return false;if(a.constructor&&!aa.call(a,"constructor")&&!aa.call(a.constructor.prototype, "isPrototypeOf"))return false;var b;for(b in a);return b===w||aa.call(a,b)},isEmptyObject:function(a){for(var b in a)return false;return true},error:function(a){throw a;},parseJSON:function(a){if(typeof a!=="string"||!a)return null;a=c.trim(a);if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return A.JSON&&A.JSON.parse?A.JSON.parse(a):(new Function("return "+ a))();else c.error("Invalid JSON: "+a)},noop:function(){},globalEval:function(a){if(a&&Va.test(a)){var b=s.getElementsByTagName("head")[0]||s.documentElement,d=s.createElement("script");d.type="text/javascript";if(c.support.scriptEval)d.appendChild(s.createTextNode(a));else d.text=a;b.insertBefore(d,b.firstChild);b.removeChild(d)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,b,d){var f,e=0,j=a.length,i=j===w||c.isFunction(a);if(d)if(i)for(f in a){if(b.apply(a[f], d)===false)break}else for(;e<j;){if(b.apply(a[e++],d)===false)break}else if(i)for(f in a){if(b.call(a[f],f,a[f])===false)break}else for(d=a[0];e<j&&b.call(d,e,d)!==false;d=a[++e]);return a},trim:function(a){return(a||"").replace(Wa,"")},makeArray:function(a,b){b=b||[];if(a!=null)a.length==null||typeof a==="string"||c.isFunction(a)||typeof a!=="function"&&a.setInterval?ba.call(b,a):c.merge(b,a);return b},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var d=0,f=b.length;d<f;d++)if(b[d]=== a)return d;return-1},merge:function(a,b){var d=a.length,f=0;if(typeof b.length==="number")for(var e=b.length;f<e;f++)a[d++]=b[f];else for(;b[f]!==w;)a[d++]=b[f++];a.length=d;return a},grep:function(a,b,d){for(var f=[],e=0,j=a.length;e<j;e++)!d!==!b(a[e],e)&&f.push(a[e]);return f},map:function(a,b,d){for(var f=[],e,j=0,i=a.length;j<i;j++){e=b(a[j],j,d);if(e!=null)f[f.length]=e}return f.concat.apply([],f)},guid:1,proxy:function(a,b,d){if(arguments.length===2)if(typeof b==="string"){d=a;a=d[b];b=w}else if(b&& !c.isFunction(b)){d=b;b=w}if(!b&&a)b=function(){return a.apply(d||this,arguments)};if(a)b.guid=a.guid=a.guid||b.guid||c.guid++;return b},uaMatch:function(a){a=a.toLowerCase();a=/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||!/compatible/.test(a)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}},browser:{}});P=c.uaMatch(P);if(P.browser){c.browser[P.browser]=true;c.browser.version=P.version}if(c.browser.webkit)c.browser.safari= true;if(ya)c.inArray=function(a,b){return ya.call(b,a)};T=c(s);if(s.addEventListener)L=function(){s.removeEventListener("DOMContentLoaded",L,false);c.ready()};else if(s.attachEvent)L=function(){if(s.readyState==="complete"){s.detachEvent("onreadystatechange",L);c.ready()}};(function(){c.support={};var a=s.documentElement,b=s.createElement("script"),d=s.createElement("div"),f="script"+J();d.style.display="none";d.innerHTML=" <link/><table></table><a href=‘/a‘ style=‘color:red;float:left;opacity:.55;‘>a</a><input type=‘checkbox‘/>"; var e=d.getElementsByTagName("*"),j=d.getElementsByTagName("a")[0];if(!(!e||!e.length||!j)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(j.getAttribute("style")),hrefNormalized:j.getAttribute("href")==="/a",opacity:/^0.55$/.test(j.style.opacity),cssFloat:!!j.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:s.createElement("select").appendChild(s.createElement("option")).selected, parentNode:d.removeChild(d.appendChild(s.createElement("div"))).parentNode===null,deleteExpando:true,checkClone:false,scriptEval:false,noCloneEvent:true,boxModel:null};b.type="text/javascript";try{b.appendChild(s.createTextNode("window."+f+"=1;"))}catch(i){}a.insertBefore(b,a.firstChild);if(A[f]){c.support.scriptEval=true;delete A[f]}try{delete b.test}catch(o){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function k(){c.support.noCloneEvent= false;d.detachEvent("onclick",k)});d.cloneNode(true).fireEvent("onclick")}d=s.createElement("div");d.innerHTML="<input type=‘radio‘ name=‘radiotest‘ checked=‘checked‘/>";a=s.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var k=s.createElement("div");k.style.width=k.style.paddingLeft="1px";s.body.appendChild(k);c.boxModel=c.support.boxModel=k.offsetWidth===2;s.body.removeChild(k).style.display="none"});a=function(k){var n= s.createElement("div");k="on"+k;var r=k in n;if(!r){n.setAttribute(k,"return;");r=typeof n[k]==="function"}return r};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=e=j=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var G="jQuery"+J(),Ya=0,za={};c.extend({cache:{},expando:G,noData:{embed:true,object:true, applet:true},data:function(a,b,d){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var f=a[G],e=c.cache;if(!f&&typeof b==="string"&&d===w)return null;f||(f=++Ya);if(typeof b==="object"){a[G]=f;e[f]=c.extend(true,{},b)}else if(!e[f]){a[G]=f;e[f]={}}a=e[f];if(d!==w)a[b]=d;return typeof b==="string"?a[b]:a}},removeData:function(a,b){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var d=a[G],f=c.cache,e=f[d];if(b){if(e){delete e[b];c.isEmptyObject(e)&&c.removeData(a)}}else{if(c.support.deleteExpando)delete a[c.expando]; else a.removeAttribute&&a.removeAttribute(c.expando);delete f[d]}}}});c.fn.extend({data:function(a,b){if(typeof a==="undefined"&&this.length)return c.data(this[0]);else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===w){var f=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(f===w&&this.length)f=c.data(this[0],a);return f===w&&d[1]?this.data(d[0]):f}else return this.trigger("setData"+d[1]+"!",[d[0],b]).each(function(){c.data(this, a,b)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var f=c.data(a,b);if(!d)return f||[];if(!f||c.isArray(d))f=c.data(a,b,c.makeArray(d));else f.push(d);return f}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),f=d.shift();if(f==="inprogress")f=d.shift();if(f){b==="fx"&&d.unshift("inprogress");f.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b=== w)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var Aa=/[\n\t]/g,ca=/\s+/,Za=/\r/g,$a=/href|src|style/,ab=/(button|input)/i,bb=/(button|input|object|select|textarea)/i, cb=/^(a|area)$/i,Ba=/radio|checkbox/;c.fn.extend({attr:function(a,b){return X(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(n){var r=c(this);r.addClass(a.call(this,n,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1)if(e.className){for(var j=" "+e.className+" ", i=e.className,o=0,k=b.length;o<k;o++)if(j.indexOf(" "+b[o]+" ")<0)i+=" "+b[o];e.className=c.trim(i)}else e.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(k){var n=c(this);n.removeClass(a.call(this,k,n.attr("class")))});if(a&&typeof a==="string"||a===w)for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1&&e.className)if(a){for(var j=(" "+e.className+" ").replace(Aa," "),i=0,o=b.length;i<o;i++)j=j.replace(" "+b[i]+" ", " ");e.className=c.trim(j)}else e.className=""}return this},toggleClass:function(a,b){var d=typeof a,f=typeof b==="boolean";if(c.isFunction(a))return this.each(function(e){var j=c(this);j.toggleClass(a.call(this,e,j.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var e,j=0,i=c(this),o=b,k=a.split(ca);e=k[j++];){o=f?o:!i.hasClass(e);i[o?"addClass":"removeClass"](e)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,"__className__",this.className);this.className= this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i= e[j];if(i.selected){a=c(i).val();if(b)return a;f.push(a)}}return f}if(Ba.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Za,"")}return w}var o=c.isFunction(a);return this.each(function(k){var n=c(this),r=a;if(this.nodeType===1){if(o)r=a.call(this,k,n.val());if(typeof r==="number")r+="";if(c.isArray(r)&&Ba.test(this.type))this.checked=c.inArray(n.val(),r)>=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected= c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can‘t be changed"); a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g, function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split("."); k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a), C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B<r.length;B++){u=r[B];if(d.guid===u.guid){if(i||k.test(u.namespace)){f==null&&r.splice(B--,1);n.remove&&n.remove.call(a,u)}if(f!= null)break}}if(r.length===0||f!=null&&r.length===1){if(!n.teardown||n.teardown.call(a,o)===false)Ca(a,e,z.handle);delete C[e]}}else for(var B=0;B<r.length;B++){u=r[B];if(i||k.test(u.namespace)){c.event.remove(a,n,u.handler,B);r.splice(B--,1)}}}if(c.isEmptyObject(C)){if(b=z.handle)b.elem=null;delete z.events;delete z.handle;c.isEmptyObject(z)&&c.removeData(a)}}}}},trigger:function(a,b,d,f){var e=a.type||a;if(!f){a=typeof a==="object"?a[G]?a:c.extend(c.Event(e),a):c.Event(e);if(e.indexOf("!")>=0){a.type= e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&& f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive; if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e<j;e++){var i=d[e];if(b||f.test(i.namespace)){a.handler=i.handler;a.data=i.data;a.handleObj=i;i=i.handler.apply(this,arguments);if(i!==w){a.result=i;if(i===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "), fix:function(a){if(a[G])return a;var b=a;a=c.Event(b);for(var d=this.props.length,f;d;){f=this.props[--d];a[f]=b[f]}if(!a.target)a.target=a.srcElement||s;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=s.documentElement;d=s.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop|| d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(!a.which&&(a.charCode||a.charCode===0?a.charCode:a.keyCode))a.which=a.charCode||a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==w)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,a.origType,c.extend({},a,{handler:oa}))},remove:function(a){var b=true,d=a.origType.replace(O,"");c.each(c.data(this, "events").live||[],function(){if(d===this.origType.replace(O,""))return b=false});b&&c.event.remove(this,a.origType,oa)}},beforeunload:{setup:function(a,b,d){if(this.setInterval)this.onbeforeunload=d;return false},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};var Ca=s.removeEventListener?function(a,b,d){a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent= a;this.type=a.type}else this.type=a;this.timeStamp=J();this[G]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=Z;var a=this.originalEvent;if(a){a.preventDefault&&a.preventDefault();a.returnValue=false}},stopPropagation:function(){this.isPropagationStopped=Z;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=Z;this.stopPropagation()},isDefaultPrevented:Y,isPropagationStopped:Y, isImmediatePropagationStopped:Y};var Da=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},Ea=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?Ea:Da,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?Ea:Da)}}});if(!c.support.submitBubbles)c.event.special.submit= {setup:function(){if(this.nodeName.toLowerCase()!=="form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length)return na("submit",this,arguments)});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13)return na("submit",this,arguments)})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}}; if(!c.support.changeBubbles){var da=/textarea|input|select/i,ea,Fa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data", e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a, "_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a, d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j<o;j++)c.event.add(this[j],d,i,f)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&& !a.preventDefault)for(var d in a)this.unbind(d,a[d]);else{d=0;for(var f=this.length;d<f;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,f){return this.live(b,d,f,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){a=c.Event(a);a.preventDefault();a.stopPropagation();c.event.trigger(a,b,this[0]);return a.result}}, toggle:function(a){for(var b=arguments,d=1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(f){var e=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,e+1);f.preventDefault();return b[e].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var Ga={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,f,e,j){var i,o=0,k,n,r=j||this.selector, u=j?this:c(this.context);if(c.isFunction(f)){e=f;f=w}for(d=(d||"").split(" ");(i=d[o++])!=null;){j=O.exec(i);k="";if(j){k=j[0];i=i.replace(O,"")}if(i==="hover")d.push("mouseenter"+k,"mouseleave"+k);else{n=i;if(i==="focus"||i==="blur"){d.push(Ga[i]+k);i+=k}else i=(Ga[i]||i)+k;b==="live"?u.each(function(){c.event.add(this,pa(i,r),{data:f,selector:r,handler:e,origType:i,origHandler:e,preType:n})}):u.unbind(pa(i,r),e)}}return this}});c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "), function(a,b){c.fn[b]=function(d){return d?this.bind(b,d):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});A.attachEvent&&!A.addEventListener&&A.attachEvent("onunload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});(function(){function a(g){for(var h="",l,m=0;g[m];m++){l=g[m];if(l.nodeType===3||l.nodeType===4)h+=l.nodeValue;else if(l.nodeType!==8)h+=a(l.childNodes)}return h}function b(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q]; if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1&&!p){t.sizcache=l;t.sizset=q}if(t.nodeName.toLowerCase()===h){y=t;break}t=t[g]}m[q]=y}}}function d(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1){if(!p){t.sizcache=l;t.sizset=q}if(typeof h!=="string"){if(t===h){y=true;break}}else if(k.filter(h,[t]).length>0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|[‘"][^‘"]*[‘"]|[^[\]‘"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift(); t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D|| g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h<g.length;h++)g[h]===g[h-1]&&g.splice(h--,1)}return g};k.matches=function(g,h){return k(g,null,null,h)};k.find=function(g,h,l){var m,q;if(!g)return[]; for(var p=0,v=n.order.length;p<v;p++){var t=n.order[p];if(q=n.leftMatch[t].exec(g)){var y=q[1];q.splice(1,1);if(y.substr(y.length-1)!=="\\"){q[1]=(q[1]||"").replace(/\\/g,"");m=n.find[t](q,h,l);if(m!=null){g=g.replace(n.match[t],"");break}}}}m||(m=h.getElementsByTagName("*"));return{set:m,expr:g}};k.filter=function(g,h,l,m){for(var q=g,p=[],v=h,t,y,S=h&&h[0]&&x(h[0]);g&&h.length;){for(var H in n.filter)if((t=n.leftMatch[H].exec(g))!=null&&t[2]){var M=n.filter[H],I,D;D=t[1];y=false;t.splice(1,1);if(D.substr(D.length- 1)!=="\\"){if(v===p)p=[];if(n.preFilter[H])if(t=n.preFilter[H](t,v,l,p,m,S)){if(t===true)continue}else y=I=true;if(t)for(var U=0;(D=v[U])!=null;U++)if(D){I=M(D,t,U,v);var Ha=m^!!I;if(l&&I!=null)if(Ha)y=true;else v[U]=false;else if(Ha){p.push(D);y=true}}if(I!==w){l||(v=p);g=g.replace(n.match[H],"");if(!y)return[];break}}}if(g===q)if(y==null)k.error(g);else break;q=g}return v};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var n=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF-]|\\.)+)/, CLASS:/\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,NAME:/\[name=[‘"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)[‘"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*([‘"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\(([‘"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}}, relative:{"+":function(g,h){var l=typeof h==="string",m=l&&!/\W/.test(h);l=l&&!m;if(m)h=h.toLowerCase();m=0;for(var q=g.length,p;m<q;m++)if(p=g[m]){for(;(p=p.previousSibling)&&p.nodeType!==1;);g[m]=l||p&&p.nodeName.toLowerCase()===h?p||false:p===h}l&&k.filter(h,g,true)},">":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m<q;m++){var p=g[m];if(p){l=p.parentNode;g[m]=l.nodeName.toLowerCase()===h?l:false}}}else{m=0;for(q=g.length;m<q;m++)if(p=g[m])g[m]= l?p.parentNode:p.parentNode===h;l&&k.filter(h,g,true)}},"":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("parentNode",h,m,g,p,l)},"~":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("previousSibling",h,m,g,p,l)}},find:{ID:function(g,h,l){if(typeof h.getElementById!=="undefined"&&!l)return(g=h.getElementById(g[1]))?[g]:[]},NAME:function(g,h){if(typeof h.getElementsByName!=="undefined"){var l=[]; h=h.getElementsByName(g[1]);for(var m=0,q=h.length;m<q;m++)h[m].getAttribute("name")===g[1]&&l.push(h[m]);return l.length===0?null:l}},TAG:function(g,h){return h.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,h,l,m,q,p){g=" "+g[1].replace(/\\/g,"")+" ";if(p)return g;p=0;for(var v;(v=h[p])!=null;p++)if(v)if(q^(v.className&&(" "+v.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()}, CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m, g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)}, text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}}, setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return h<l[3]-0},gt:function(g,h,l){return h>l[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h= h[3];l=0;for(m=h.length;l<m;l++)if(h[l]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+q)},CHILD:function(g,h){var l=h[1],m=g;switch(l){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(l==="first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":l=h[2];var q=h[3];if(l===1&&q===0)return true;h=h[0];var p=g.parentNode;if(p&&(p.sizcache!==h||!g.nodeIndex)){var v=0;for(m=p.firstChild;m;m= m.nextSibling)if(m.nodeType===1)m.nodeIndex=++v;p.sizcache=h}g=g.nodeIndex-q;return l===0?g===0:g%l===0&&g/l>=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m=== "="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g, h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l<m;l++)h.push(g[l]);else for(l=0;g[l];l++)h.push(g[l]);return h}}var B;if(s.documentElement.compareDocumentPosition)B=function(g,h){if(!g.compareDocumentPosition|| !h.compareDocumentPosition){if(g==h)i=true;return g.compareDocumentPosition?-1:1}g=g.compareDocumentPosition(h)&4?-1:g===h?0:1;if(g===0)i=true;return g};else if("sourceIndex"in s.documentElement)B=function(g,h){if(!g.sourceIndex||!h.sourceIndex){if(g==h)i=true;return g.sourceIndex?-1:1}g=g.sourceIndex-h.sourceIndex;if(g===0)i=true;return g};else if(s.createRange)B=function(g,h){if(!g.ownerDocument||!h.ownerDocument){if(g==h)i=true;return g.ownerDocument?-1:1}var l=g.ownerDocument.createRange(),m= h.ownerDocument.createRange();l.setStart(g,0);l.setEnd(g,0);m.setStart(h,0);m.setEnd(h,0);g=l.compareBoundaryPoints(Range.START_TO_END,m);if(g===0)i=true;return g};(function(){var g=s.createElement("div"),h="script"+(new Date).getTime();g.innerHTML="<a name=‘"+h+"‘/>";var l=s.documentElement;l.insertBefore(g,l.firstChild);if(s.getElementById(h)){n.find.ID=function(m,q,p){if(typeof q.getElementById!=="undefined"&&!p)return(q=q.getElementById(m[1]))?q.id===m[1]||typeof q.getAttributeNode!=="undefined"&& q.getAttributeNode("id").nodeValue===m[1]?[q]:w:[]};n.filter.ID=function(m,q){var p=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&p&&p.nodeValue===q}}l.removeChild(g);l=g=null})();(function(){var g=s.createElement("div");g.appendChild(s.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(h,l){l=l.getElementsByTagName(h[1]);if(h[1]==="*"){h=[];for(var m=0;l[m];m++)l[m].nodeType===1&&h.push(l[m]);l=h}return l};g.innerHTML="<a href=‘#‘></a>"; if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(h){return h.getAttribute("href",2)};g=null})();s.querySelectorAll&&function(){var g=k,h=s.createElement("div");h.innerHTML="<p class=‘TEST‘></p>";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}(); (function(){var g=s.createElement("div");g.innerHTML="<div class=‘test e‘></div><div class=‘test‘></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}: function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q<p;q++)k(g,h[q],l);return k.filter(m,l)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=a;c.isXMLDoc=x;c.contains=E})();var eb=/Until$/,fb=/^(?:parents|prevUntil|prevAll)/, gb=/,/;R=Array.prototype.slice;var Ia=function(a,b,d){if(c.isFunction(b))return c.grep(a,function(e,j){return!!b.call(e,j,e)===d});else if(b.nodeType)return c.grep(a,function(e){return e===b===d});else if(typeof b==="string"){var f=c.grep(a,function(e){return e.nodeType===1});if(Ua.test(b))return c.filter(b,f,!d);else b=c.filter(b,f)}return c.grep(a,function(e){return c.inArray(e,b)>=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f<e;f++){d=b.length; c.find(a,this[f],b);if(f>0)for(var j=d;j<b.length;j++)for(var i=0;i<d;i++)if(b[i]===b[j]){b.splice(j--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,f=b.length;d<f;d++)if(c.contains(this,b[d]))return true})},not:function(a){return this.pushStack(Ia(this,a,false),"not",a)},filter:function(a){return this.pushStack(Ia(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j= {},i;if(f&&a.length){e=0;for(var o=a.length;e<o;e++){i=a[e];j[i]||(j[i]=c.expr.match.POS.test(i)?c(i,b||this.context):i)}for(;f&&f.ownerDocument&&f!==b;){for(i in j){e=j[i];if(e.jquery?e.index(f)>-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a=== "string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode", d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")? a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType=== 1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/<tbody/i,jb=/<|&#?\w+;/,ta=/<script|<object|<embed|<option|<style/i,ua=/checked\s*(?:[^=]|=\s*.checked.)/i,Ma=function(a,b,d){return hb.test(d)? a:b+"></"+d+">"},F={option:[1,"<select multiple=‘multiple‘>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d= c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this}, wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})}, prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b, this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild); return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="‘>\s]+\/)>/g,‘="$1">‘).replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja, ""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(f){this.empty().append(a)}}else c.isFunction(a)?this.each(function(e){var j=c(this),i=j.html();j.empty().append(function(){return a.call(this,e,i)})}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&& this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=c(this),f=d.html();d.replaceWith(a.call(this,b,f))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){function f(u){return c.nodeName(u,"table")?u.getElementsByTagName("tbody")[0]|| u.appendChild(u.ownerDocument.createElement("tbody")):u}var e,j,i=a[0],o=[],k;if(!c.support.checkClone&&arguments.length===3&&typeof i==="string"&&ua.test(i))return this.each(function(){c(this).domManip(a,b,d,true)});if(c.isFunction(i))return this.each(function(u){var z=c(this);a[0]=i.call(this,u,b?z.html():w);z.domManip(a,b,d)});if(this[0]){e=i&&i.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:sa(a,this,o);k=e.fragment;if(j=k.childNodes.length=== 1?(k=k.firstChild):k.firstChild){b=b&&c.nodeName(j,"tr");for(var n=0,r=this.length;n<r;n++)d.call(b?f(this[n],j):this[n],n>0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]); return this}else{e=0;for(var j=d.length;e<j;e++){var i=(e>0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["", ""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]==="<table>"&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e= c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]? c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja= function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter= Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a, "border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f= a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b= a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=/<script(.|\s)*?\/script>/gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!== "string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("<div />").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this}, serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "), function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href, global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&& e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)? "&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache=== false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B= false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since", c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E|| d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x); g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status=== 1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b=== "json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional; if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay"); this[a].style.display=d||"";if(c.css(this[a],"display")==="none"){d=this[a].nodeName;var f;if(la[d])f=la[d];else{var e=c("<"+d+" />").appendTo("body");f=e.css("display");if(f==="none")f="block";e.remove();la[d]=f}c.data(this[a],"olddisplay",f)}}a=0;for(b=this.length;a<b;a++)this[a].style.display=c.data(this[a],"olddisplay")||"";return this}},hide:function(a,b){if(a||a===0)return this.animate(K("hide",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");!d&&d!=="none"&&c.data(this[a], "olddisplay",c.css(this[a],"display"))}a=0;for(b=this.length;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b){var d=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||d?this.each(function(){var f=d?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(K("toggle",3),a,b);return this},fadeTo:function(a,b,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d)}, animate:function(a,b,d,f){var e=c.speed(b,d,f);if(c.isEmptyObject(a))return this.each(e.complete);return this[e.queue===false?"each":"queue"](function(){var j=c.extend({},e),i,o=this.nodeType===1&&c(this).is(":hidden"),k=this;for(i in a){var n=i.replace(ia,ja);if(i!==n){a[n]=a[i];delete a[i];i=n}if(a[i]==="hide"&&o||a[i]==="show"&&!o)return j.complete.call(this);if((i==="height"||i==="width")&&this.style){j.display=c.css(this,"display");j.overflow=this.style.overflow}if(c.isArray(a[i])){(j.specialEasing= j.specialEasing||{})[i]=a[i][1];a[i]=a[i][0]}}if(j.overflow!=null)this.style.overflow="hidden";j.curAnim=c.extend({},a);c.each(a,function(r,u){var z=new c.fx(k,j,r);if(Ab.test(u))z[u==="toggle"?o?"show":"hide":u](a);else{var C=Bb.exec(u),B=z.cur(true)||0;if(C){u=parseFloat(C[2]);var E=C[3]||"px";if(E!=="px"){k.style[r]=(u||1)+E;B=(u||1)/z.cur(true)*B;k.style[r]=B+E}if(C[1])u=(C[1]==="-="?-1:1)*u+B;z.custom(B,u,E)}else z.custom(B,u,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]); this.each(function(){for(var f=d.length-1;f>=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration=== "number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]|| c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start; this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now= this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem, e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length|| c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset="getBoundingClientRect"in s.documentElement? function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b= this[0];if(a)return this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position==="fixed")break;j=e?e.getComputedStyle(b,null):b.currentStyle; k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!=="visible"){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position==="relative"||f.position==="static"){k+=o.offsetTop;n+=o.offsetLeft}if(c.offset.supportsFixedPosition&& f.position==="fixed"){k+=Math.max(i.scrollTop,o.scrollTop);n+=Math.max(i.scrollLeft,o.scrollLeft)}return{top:k,left:n}};c.offset={initialize:function(){var a=s.body,b=s.createElement("div"),d,f,e,j=parseFloat(c.curCSS(a,"marginTop",true))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="<div style=‘position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;‘><div></div></div><table style=‘position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;‘ cellpadding=‘0‘ cellspacing=‘0‘><tr><td></td></tr></table>"; a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b); c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a, d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top- f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset": "pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);
以上是关于JavaScript是如何改变网页的CSS样式的？的主要内容，如果未能解决你的问题，请参考以下文章
javascript 动态修改css样式方法汇总(四种方法)