網(wǎng)頁(yè)用了插件jquery.royalslider做的焦點(diǎn)圖-如何自動(dòng)播放？

autoPlay:true, 改為如下代碼即可：

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、成都小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了東鄉(xiāng)免費(fèi)建站歡迎大家使用！

autoPlay:?{

enabled:?true,?//是否啟用自動(dòng)播放

pauseOnHover:?true,?//鼠標(biāo)移入暫停播放

delay:?6000//播放間隔，單位ms

},

制作網(wǎng)頁(yè)怎樣做圖片切換效果？最好詳細(xì)代碼！

1、首先輸入代碼：

div class="wrapper"

div id="focus"

ul

lia href="" target="_blank"img src="img/01.jpg" alt="QQ商城焦點(diǎn)圖效果下載" //a/li

2、然后輸入代碼：

lia href="" target="_blank"img src="img/02.jpg" alt="QQ商城焦點(diǎn)圖效果教程" //a/li

lia href="" target="_blank"img src="img/03.jpg" alt="jquery商城焦點(diǎn)圖效果" //a/li

lia href="" target="_blank"img src="img/04.jpg" alt="jquery商城焦點(diǎn)圖代碼" //a/li

3、然后再輸入代碼：

lia href="" target="_blank"img src="img/05.jpg" alt="jquery商城焦點(diǎn)圖源碼" //a/li

/ul

/div

/div!-- wrapper end --

/body

4、然后就完成了。

Jquery.SuperSlide擴(kuò)展效果里的實(shí)用焦點(diǎn)圖效果代碼，求大神，謝謝

以下是全部代碼，請(qǐng)自行修改圖片及js路徑

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Strict//EN"?""

html?xmlns=""

head

meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"

meta?http-equiv="Content-Language"?content="zh-CN"

meta?name="Keywords"?content="SuperSlide,jQuery-實(shí)用焦點(diǎn)圖"

meta?name="Description"?content="SuperSlide,jQuery-實(shí)用焦點(diǎn)圖"

titleSuperSlide?-?實(shí)用焦點(diǎn)圖/title

script?src=""/script

script?src="jquery.SuperSlide.2.1.1.js"/script

/head

body

style?type="text/css"????????

*{margin:0;?padding:0;?list-style:none;?}

body{?background:#fff;?font:normal?12px/22px?宋體;??}

img{?border:0;??}

a{?text-decoration:none;?color:#333;??}

a:hover{?color:#1974A1;??}

.focusBox?{?position:?relative;?width:?320px;?height:?240px;?overflow:?hidden;?font:?12px/1.5?Verdana,?Geneva,?sans-serif;?text-align:?left;?background:?white;?}

.focusBox?.pic?img?{?width:?320px;?height:?240px;?display:?block;?}

.focusBox?.txt-bg?{?position:?absolute;?bottom:?0;?z-index:?1;?height:?36px;?width:100%;??background:?#333;?filter:?alpha(opacity=40);?opacity:?0.4;?overflow:?hidden;?}

.focusBox?.txt?{?position:?absolute;?bottom:?0;?z-index:?2;?height:?36px;?width:100%;?overflow:?hidden;?}

.focusBox?.txt?li{?height:36px;?line-height:36px;?position:absolute;?bottom:-36px;}

.focusBox?.txt?li?a{?display:?block;?color:?white;?padding:?0?0?0?10px;?font-size:?12px;?font-weight:?bold;?text-decoration:?none;?}

.focusBox?.num?{?position:?absolute;?z-index:?3;?bottom:?8px;?right:?8px;?}

.focusBox?.num?li{?float:?left;?position:?relative;?width:?18px;?height:?15px;?line-height:?15px;?overflow:?hidden;?text-align:?center;?margin-right:?1px;?cursor:?pointer;?}

.focusBox?.num?li?a,.focusBox?.num?li?span?{?position:?absolute;?z-index:?2;?display:?block;?color:?white;?width:?100%;?height:?100%;?top:?0;?left:?0;?text-decoration:?none;?}

.focusBox?.num?li?span?{?z-index:?1;?background:?black;?filter:?alpha(opacity=50);?opacity:?0.5;?}

.focusBox?.num?li.on?a,.focusBox?.num?a:hover{?background:#f60;??}????

/style

div?class="focusBox"?style="margin:0?auto"

ul?class="pic"

lia?href="#"?target="_blank"img?src="images/1.jpg"http://a/li

lia?href="#"?target="_blank"img?src="images/2.jpg"http://a/li

lia?href="#"?target="_blank"img?src="images/3.jpg"http://a/li

lia?href="#"?target="_blank"img?src="images/4.jpg"http://a/li

/ul

div?class="txt-bg"/div

div?class="txt"

ul

lia?href="#"SuperSlide美女福利圖Quiet/a/li

lia?href="#"SuperSlide美女福利圖DoubleLi/a/li

lia?href="#"SuperSlide美女福利圖愛(ài)的練習(xí)曲/a/li

lia?href="#"SuperSlide美女福利圖夜鶯/a/li

/ul

/div

ul?class="num"

lia1/aspan/span/li

lia2/aspan/span/li

lia3/aspan/span/li

lia4/aspan/span/li

/ul

/div

script?type="text/javascript"

jQuery(".focusBox").slide({

titCell?:?".num?li",

mainCell?:?".pic",

effect?:?"fold",

autoPlay?:?true,

trigger?:?"click",

startFun?:?function?(i)?{

jQuery(".focusBox?.txt?li").eq(i).animate({

"bottom"?:?0

}).siblings().animate({

"bottom"?:?-36

});

}

});

/script

/body

/html