& ltdiv class="out " >
& lt！-旋轉木馬->；
& ltul class="img " >
& lt李& gt& lta href = " news.html " & gt& ltimg src = " img/suan mei . png " & gt；& lt/a & gt；& lt/李& gt
& lt李& gt& lta href = " news.html " & gt& ltimg src = " img/Xiang cheng . png " & gt；& lt/a & gt；& lt/李& gt
& lt李& gt& lta href = " news.html " & gt& ltimg src = " img/LAN mei . png " & gt；& lt/a & gt；& lt/李& gt
& lt李& gt& lta href = " news.html " & gt& ltimg src = " img/lizhi . png " & gt；& lt/a & gt；& lt/李& gt
& lt李& gt& lta href = " news.html " & gt& ltimg src = " img/new . png " & gt；& lt/a & gt；& lt/李& gt
& lt/ul & gt；
& lt！-焦點->；
& ltul class = " num " & gt
& lt/ul & gt；
& lt！-左右箭頭-& gt；
& ltdiv class="left btn " >& ltimg src = " img/left . png "/& gt；& lt/div & gt；
& ltdiv class="right btn " >& ltimg src = " img/right . png "/& gt；& lt/div & gt；
& lt/div & gt；
風格:
。外出{
寬度:400px
高度:300px
邊距:30px 0；
位置:相對；
浮動:左；
}
。img李{
位置:絕對；
top:0px；
左:0px
顯示:無；
高度:320px
寬度:400px
}
。李img{
寬度:100%；
高度:320px
}
。出去。數量{
位置:絕對；
底部:0px
左:0px
字體大小:0px
文本對齊:居中；
寬度:100%；
}
。num li {
寬度:20px
高度:20px
背景:無；
顏色:# 666；
文本對齊:居中；
行高:20px
顯示:內嵌-塊；
字體大小:16px；
邊框:2px純色# 666；
邊距-右邊:10px；
光標:指針；
}
。出去。btn {
位置:絕對；
top:50%；
邊距-頂部:-20px；
高度:60px
背景:rgba(0，0，0，0)；
顏色:# FFFFFF
文本對齊:居中；
行高:60px
字體大小:40px
顯示:無；
光標:指針；
}
。BTN img { width:50px；高度:40px}
。出去。數字li.active-1 {
背景:# 666；
顏色:# fff
}
。出局:懸停。btn {
顯示:塊
}
。出去。左側{
左:0px
}
。出去。右{
右:0px
}
Js代碼:
函數showRestart(){
jQuery('。重啟’)。fadeTo(300，1)；
}
/**重新啟動演示**/
函數restart(){
jQuery('。重新啟動，。推子)。CSS({ ' display:' none ' })；
init()；
}
$(function(){
//Lower for循環
var size=$("img李”)。大小()
for(var I = 1；我& lt=大小；i++){
var li = " & lt李>+I+" & lt；/李>；
$(".num”)。追加(李)
}
/*size獲取元素的當前數量*/
//手動控制轉盤
$(".img李”)。等式(0)。顯示()
$(".小水李”)。等式(0)。addClass('active-1 ')
/*鼠標懸停可以更改為單擊事件click*/
$(".小水李”)。mouseover(function(){
$(這個)。addClass('active-1 ')。兄弟姐妹(“李”)。removeClass('active-1 ')
Var指數= $(本)。index ()/* index表示當前元素的索引值*/
I =指數；//i值和自動輪播值相同。
$ (".imgli”)。eq(指數)。停止()。fadein (/* fade in */)。同級()。停止()。fadeout (/*淡出*/)/* EQ0Start */
});
//自動控制轉盤
var I = 0；
Var t=setInterval(move，3000) // timer
//右
函數move(){
i++；
if(I = = size){ I = 0；}
$(".小水李”)。等式(壹)。addClass('active-1 ')。兄弟姐妹(“李”)。remove class(' active-1 ')；
$(".img李”)。等式(壹)。淡入()。兄弟姐妹()。fadeOut()；
};
//左側
函數moveL(){
I-；
if(I = =-1){ I = size-1；}
$(".小水李”)。等式(壹)。addClass('active-1 ')。兄弟姐妹(“李”)。remove class(' active-1 ')；
$(".img李”)。等式(壹)。淡入()。兄弟姐妹()。fadeOut()；
};
//自動轉盤鼠標移入和移出。
$(".出”)。hover(function(){
間隙(t)
}，function(){
t=setInterval(移動，3000)
});
//左右按鈕
$(".出去。左”)。單擊(函數(){
moveL()
})
$(".出去。右”)。單擊(函數(){
移動()
})
});