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样式方法汇总(四种方法)

利用javascript实现css操作

京东网页仿照

JavaScript - CSS 元素样式不会改变?

JavaScript HTML DOM——改变CSS(样式)

JavaScript之DOM改变HTML的样式