久久无码视频高清_亚洲中文字幕%20久久久_九九九热在线视频_国产色A∨在线看免费
<meter id="wpxa3"></meter>
<pre id="wpxa3"></pre>
<td id="wpxa3"></td>
<small id="wpxa3"><menuitem id="wpxa3"></menuitem></small>
我們的專業(yè)品牌服務(wù)商：網(wǎng)站建設(shè)、品牌策劃設(shè)計(jì)、網(wǎng)站優(yōu)化、網(wǎng)站推廣等業(yè)務(wù)
龍誠(chéng)微博
站點(diǎn)導(dǎo)航
免費(fèi)建站
專業(yè)的互聯(lián)網(wǎng)絡(luò)解決方案、完善的售后服務(wù)體系 —— 龍誠(chéng)互聯(lián)(溫州網(wǎng)絡(luò)公司 溫州網(wǎng)站建設(shè)),當(dāng)前IP:
龍誠(chéng)簡(jiǎn)介
|
企業(yè)文化
|
我們的優(yōu)勢(shì)
|
龍誠(chéng)人
|
招兵募馬
龍誠(chéng)動(dòng)態(tài)
|
行業(yè)新聞
|
我們的觀點(diǎn)
|
公司公告
標(biāo)準(zhǔn)企業(yè)站
|
外貿(mào)商務(wù)站
|
商城門戶站
|
品牌動(dòng)畫站
|
在線訂制
網(wǎng)站制作流程
|
建站知識(shí)
|
網(wǎng)站SEO優(yōu)化
|
域名&空間
|
網(wǎng)站備案
|
下載中心
聯(lián)系方式
|
留言反饋
龍誠(chéng)動(dòng)態(tài)
行業(yè)新聞
我們的觀點(diǎn)
公司公告
建站技術(shù)
網(wǎng)站SEO優(yōu)化
網(wǎng)站制作流程
產(chǎn)品報(bào)價(jià)
聯(lián)系電話：0577-55882408
傳真號(hào)碼：0577-55882411
聯(lián)系手機(jī)：15224122065
聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
首頁(yè)-新聞中心-
建站技術(shù)
<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a >http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"> <br /> <html xmlns="<a >http://www.w3.org/1999/xhtml</a>"> <br /> <head> <br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br /> <title>jQuery 循環(huán)圖片滾動(dòng)切換效果代碼丨龍誠(chéng)互聯(lián)網(wǎng)頁(yè)特效丨lcnt.net</title> <br /> <style type="text/css"> <br /> *{ margin:0; padding:0;}<br /> body{ font-size:12px; color:#000; background:#323232;}<br /> li{ list-style:none;}<br /> img{ border:none;}<br /> .box{ width:380px; margin:20px auto; height:24px; padding-top:144px; background:#000; position:relative; overflow:hidden;}<br /> .box ul{ position:absolute; top:10px; left:0; height:114px; width:800px;}<br /> .box li{ float:left; margin-left:16px; _display:inline; padding-top:28px; width:80px; height:56px; filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}<br /> .box li.cur{ width:160px; height:114px; padding-top:0; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}<br /> .box li img{ width:100%; height:100%; background:#000;}<br /> .box div{ height:24px; line-height:24px;}<br /> .box a{ text-decoration:none;font-family:Arial, Helvetica, sans-serif; width:150px; font-weight:900; color:#900;}<br /> .box a:hover{ background:#900; color:#fff;}<br /> .box .gol{ float:left;text-align:left; padding-left:6px; } <br /> .box .gor{ float:right;text-align:right; padding-right:6px; } <br /> </style> <br /> </head> <br /> <body> <br /> <br><br><br /> <center>如果不顯示效果，請(qǐng)刷新頁(yè)面。</center><br /> <div class="box" id="box"> <br /> <ul> <br /> <li><a href="#nogo"><img src="<a >http://www.CsrCode.cn/images/m09.jpg</a>" alt="小雛菊" /></a></li> <br /> <li class="cur"><a href="#nogo"><img src="<a >http://www.CsrCode.cn/images/m01.jpg</a>" alt="紅葉傳情" /></a></li> <br /> <li><a href="#nogo"><img src="<a >http://www.CsrCode.cn/images/m02.jpg</a>" alt="野花綻放" /></a></li> <br /> <li><a href="#nogo"><img src="<a >http://www.CsrCode.cn/images/m03.jpg</a>" alt="往事如茶" /></a></li> <br /> <li><a href="#nogo"><img src="<a >http://www.CsrCode.cn/images/m04.jpg</a>" alt="油菜花開(kāi)" /></a></li> <br /> </ul> <br /> <div> <br /> <a href="#nogo" class="gol" id="gol"><<</a> <br /> <a href="#nogo" class="gor" id="gor">>></a> <br /> </div> <br /> </div> <br /> <script type="text/javascript" src="<a >http://www.CsrCode.cn/html/txdm_2/images/20100913/jquery-1.4.2.min.js"></script</a>> <br /> <script type="text/javascript"> <br /> $(function(){<br /> trid.init();<br /> });<br /> var trid=new Object();<br /> trid={<br /> li:$("#box li"),<br /> licur:$("#box li.cur"),<br /> ul:$("#box ul"),<br /> len:$("#box li").length,<br /> door:true,<br /> curidx:1,<br /> gol:$("#gol"),<br /> gor:$("#gor"),<br /> init: function(){<br /> this.format();<br /> this.bindact();<br /> },<br /> format: function(){<br /> var w = (this.len) * 96 + 175 + "px";<br /> this.ul.css({<br /> "width": w<br /> });<br /> },<br /> step: function(i){<br /> var self = this;<br /> if (!self.door) <br /> return false;<br /> self.door = false;<br /> self.curidx += i;<br /> var m = 92 * i;<br /> if (i < 0) {<br /> if (self.curidx <= -1) {<br /> self.curidx += self.li.length;<br /> }<br /> i = -i;<br /> for (var k = 0; k < i; k++) {<br /> self.ul.find("li:last").prependTo(self.ul);<br /> }<br /> self.ul.css({<br /> "margin-left": m + "px"<br /> });<br /> self.ul.animate({<br /> "margin-left": "0"<br /> }, {<br /> duration: 500,<br /> complete: function(){<br /> self.door = true;<br /> }<br /> });<br /> }<br /> else <br /> if (i > 0) {<br /> if (self.curidx >= self.li.length) {<br /> self.curidx -= self.li.length;<br /> }<br /> self.ul.animate({<br /> "margin-left": -m + "px"<br /> }, {<br /> duration: 500,<br /> complete: function(){<br /> for (var k = 0; k < i; k++) {<br /> self.ul.find("li:first").appendTo(self.ul);<br /> }<br /> self.ul.css({<br /> "margin-left": 0<br /> });<br /> self.door = true;<br /> }<br /> });<br /> }<br /> self.display();<br /> },<br /> display: function(){<br /> var self=this;<br /> self.licur.animate({ <br /> "padding-top":"28px", <br /> "width":"80px",<br /> "height":"56px",<br /> "opacity":"0.6"<br /> },{duration:500});<br /> self.li.eq(self.curidx).animate({<br /> "width":"160px", <br /> "height":"114px", <br /> "padding-top":"0",<br /> "opacity":"1.0"<br /> },{duration:500,<br /> complete:function(){ cur(self.li.eq(self.curidx)); }});<br /> this.licur=this.li.eq(this.curidx);<br /> },<br /> bindact: function(){<br /> var self = this;<br /> this.gor.bind("click", function(){<br /> self.step(1);<br /> $(this).blur();<br /> });<br /> this.gol.bind("click", function(){<br /> self.step(-1);<br /> $(this).blur();<br /> });<br /> self.li.bind("click", function(){<br /> if($(this).hasClass("cur")) return; <br /> var j = $(this).index() - 1;<br /> self.step(j);<br /> });<br /> }<br /> }</p> <p>function cur(ele, currentClass, tag){<br /> var ele = $(ele) || ele;<br /> var tag = tag || "";<br /> var mark = currentClass || "cur";<br /> ele.addClass(mark).siblings(tag).removeClass(mark);<br /> }<br /> <br /> </script> <br /> </body> <br /> </html></p>
地址：溫州市甌海區(qū)站南商貿(mào)城C幢306室
總機(jī)：0577-55882408；傳真：0577-55882411
E-mail：115047027@qq.com
業(yè)務(wù)咨詢：0577-55882401
售后熱線：0577-55882408
技術(shù)咨詢：0577-55882411
copyright ?
溫州龍誠(chéng)互聯(lián) 版權(quán)所有
浙ICP備11044124號(hào)-1
您是第
位訪客
首頁(yè)-新聞中心-建站技術(shù)
