jquery圖片輪換-創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)專業(yè)成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)，集網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作于一體，網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營(yíng)銷、軟文推廣等專業(yè)人才根據(jù)搜索規(guī)律編程設(shè)計(jì)，讓網(wǎng)站在運(yùn)行后，在搜索中有好的表現(xiàn)，專業(yè)設(shè)計(jì)制作為您帶來(lái)效益的網(wǎng)站！讓網(wǎng)站建設(shè)為您創(chuàng)造效益。>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server">  <scriptsrc="Script/jquery-1.9.1.min.js" type="text/javascript"></script><title></title>  <styletype="text/css">
        body{text-algin:center;margin:0px;font-size:12px; font-family:Arial, Helvetica, sans-serif;padding:36px 0px 0px 0px; color:#6b6b6b;}
        ul,li,ol,h1,h2,h3,h4{margin:0px; padding:0px;color:#804f21;}
        ul,li,ol{list-style:none;}
        p{margin:0px; padding:0px;color:#6b6b6b;word-break: break-all; }
        img{border:0px;}
        a{color:#804f21;text-decoration:none;}
        a:hover{color:#804f21;text-decoration:underline;border:none;*vertical-align:baseline;}
        #slidecont{width:635px;z-index:0;float:left;margin-left:5px;display:inline;height:342px;position:relative;}
        #slideimg{width:635px;margin:0px auto;height:342px;overflow:hidden;z-index:-1;}
        #slidebtn{bottom: 6px;height: 23px;padding: 0 8px 0 10px;position: absolute;right: 0;z-index:2;}
        #slidebtn a{float:left;background-color: #FFFFFF;display: block;height: 24px;line-height: 24px;margin-left: 5px;text-align: center;width: 25px;opacity:0.4;filter:alpha(opacity=50); text-decoration:none;}
        #slidebtn a.activeSlide{    width: 25px;height: 24px;display:block;opacity:1;filter:alpha(opacity=100);}
        .hotpic{ width:635px; height:342px; position:relative; overflow:hidden; padding:0px;margin:0px 0px 0px 4px;}
        .num{ position:absolute;right:6px; top:310px; z-index:10;}
        .num a{ width:20px; height:20px; line-height:20px;display:inline-block; text-align:center; margin:0px 4px 0px 0px; cursor:pointer; text-decoration:none; color:#977037; font-weight:bold; border:1px solid #fff; background:#fcf9f4;font-size:14px;}
        .num a.cur{ background:#977037;color:#fff;}  </style>  <scripttype="text/javascript">
        $(function () {
var sw= 0;
            $(".hotpic .num a").mouseover(function () {
                sw= $(".num a").index(this);
                myShow(sw);
            });
function myShow(i) {
                $(".hotpic .num a").eq(i).addClass("cur").siblings("a").removeClass("cur");
                $(".hotpic ul li").eq(i).stop(true,true).fadeIn(600).siblings("li").fadeOut(600);
            }
            $(".hotpic").hover(function () {
if (myTime) {
                    clearInterval(myTime);
                }
            },function () {
                myTime= setInterval(function () {
                    myShow(sw)
                    sw++;
if (sw== 8) { sw= 0; }
                },3000);
            });
var myTime= setInterval(function () {
                myShow(sw)
                sw++;
if (sw== 8) { sw= 0; }
            },3000);
        })
</script></head>  <body>   <divid="slidecont">   <divclass="hotpic"> <divclass="num">  <aclass="cur">1</a>  <a>2</a>  <a>3</a>  <a>4</a>  <a>5</a>  <a>6</a>  <a>7</a> </div> <ul>   <li> <ahref="" target="_blank"><imgsrc="/upload/otherpic40/abc6dc830af9b473e284fbe77fcf6e3e.jpg" width="635" height="342" alt="周末特賣會(huì)第20期"></a>   </li>   <li>  <ahref="" target="_blank"><imgsrc="/upload/otherpic40/4fc7d3ced704a4ff45d4ecdd4b0c1fe8.jpg" width="635" height="342" alt="會(huì)員回饋"></a>   </li>   <li>  <ahref="" target="_blank"><imgsrc="/upload/otherpic40/862fd5b516a42b0f7dd95f9397b7076d.jpg" width="635" height="342" alt="特殊配方奶粉"></a>   </li>   <li>  <ahref="" target="_blank"><imgsrc="/upload/otherpic40/d41afb2809d2bb918095f10cfb77fe1b.jpg" width="635" height="342" alt="啤酒節(jié)晚上9點(diǎn)更新"></a>   </li>   <li>   <ahref="" target="_blank"><imgsrc="/upload/otherpic40/4dd6511e3eae0f51068a8160ddb74366.jpg" width="635" height="342" alt="邁薩維諾橄欖油"></a>   </li>   <li>   <ahref="" target="_blank"><imgsrc="/upload/otherpic40/d1149821dfc2dd102c458a3dddc62393.jpg" width="635" height="342" alt="低卡低脂低糖-餅干"></a>   </li>   <li>   <ahref="" target="_blank"><imgsrc="/upload/otherpic40/08e5699b442530dd2fbd1317807e5732.jpg" width="635" height="342" alt="頻道-小而美的釀酒國(guó)家"></a>   </li> </ul>   </div>  </div>  </body></html>

當(dāng)前名稱：jquery圖片輪換-創(chuàng)新互聯(lián)
分享地址：http://aaarwkj.com/article28/idscp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作、電子商務(wù)、網(wǎng)站收錄、域名注冊(cè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jquery圖片輪換-創(chuàng)新互聯(lián)