自己寫的輪播滾動元件,跟大家分享,有問題請指教。

2021-08-21 09:49:29 字數 1782 閱讀 3327

js元件封裝原始碼:

$.fn.extend( , 500);

});var timer = setinterval(assembly,2000);

/*滑鼠懸停停止輪播,滑鼠移開開始輪播*/

_this.on("mouseover",function()).on("mouseout",function());

/*下一張*/

_next.click(function());

/*下一張呼叫函式*/

function next(),0);

next()

}else if(_eq == (_lis-1)),500);

}else,500);

}} /*上一張*/

_prev.click(function());

/*上一張呼叫函式*/

function prev(),0);

prev()

}else if(_eq == (_lis-1)),500);

}else,500);

}} /*定時輪播*/

function assembly(),0);

clearinterval(timer);

timer = setinterval(assembly, 0);

}else if(_eq == (_lis-1)),500);

clearinterval(timer);

timer = setinterval(assembly, 2000);

}else,500);

clearinterval(timer);

timer = setinterval(assembly, 2000);}}

//給每個dotli繫結事件

for(var i = 0;i<_dli.length;i++),0);

}else if(_eq == (_lis-1)),500);

}else,500);}}

} }

});

頁面的布局:

<

>

css部分:

ul li

.none

.broadcast ul

.broadcast

.broadcast:hover>.arrow>div

.broadcast .img-list

.broadcast .img-list li

.broadcast .dot

.broadcast .dot ul li

.broadcast .dot ul li.active

.broadcast .arrow>div

.broadcast .arrow>div:hover

.broadcast .arrow .prev

.broadcast .arrow .next

/*測試所用背景*/

.broadcast .img-list li.img-1

.broadcast .img-list li.img-2

.broadcast .img-list li.img-3

.broadcast .img-list li.img-4

.broadcast .img-list li.img-5

元件的呼叫:

$("#broadcast").relayassembly();

自己遇到的幾個問題,跟大家分享一下

1 xib檔案的構成分為哪3個圖示?都具有什麼功能。答 1 file s owner 是所有 nib 檔案中的每個圖示,它表示從磁碟載入 nib 檔案的物件 2 first responder 就是使用者當前正在與之互動的物件 3 view 顯示使用者介面 完成使用者互動 是 uiview 類或其子...

跟大家分享一下directUI的心得

original url 3.directui上的按鈕,滾動條,等等其他控制項都是自己一筆一劃畫出來的。看起來一筆一畫很複雜。說白了就是用各種畫線的函式,還有畫塊的函式綜合搭配起來實現我們想要的效果。gdi 為我們提供了一些效果的函式,比如漸變填充等等。其實我建議大家學習一下photoshop裡面的...

關於ajax的問題,跟大家分享一下

function onmouseup tablename,itemname else else if cell.column.key expirydate else return false 因為我要動態的去後台判斷當前的狀態,所以用了ajax去取狀態,然後會呼叫cmdrefresh documen...