漂亮的Slider效果類終于封裝成功
更新時(shí)間：2006年12月25日 00:00:00 作者：
Slider類的功能說明：
1、可以控制任何一個(gè)頁面上存在的div
2、slider在滑動(dòng)的同時(shí)還可以實(shí)現(xiàn)透明度的變化，整個(gè)過程更平滑、更美觀
3、可控性強(qiáng)，通過多個(gè)參數(shù)實(shí)現(xiàn)不同大小的div不同方向、不同速度的滑動(dòng)
4、調(diào)用方便，一句話即可初始化，slider的隱現(xiàn)控制更為簡單，詳情參見代碼例子
關(guān)于Slider類實(shí)現(xiàn)過程的說明：
有感于現(xiàn)在的網(wǎng)站經(jīng)常使用所謂Web2.0模式的div隱現(xiàn)效果，前一段自己在網(wǎng)頁上要實(shí)現(xiàn)一個(gè)，嘗試成功后又想封裝一個(gè)類方便以后使用，也可以開放給大家使用，剛好還可以學(xué)習(xí)一下javascript的類編程方法（兄弟以前一直用微軟的東西，對(duì)javascript不熟），過程當(dāng)中遇到一點(diǎn)問題，就在51js上面發(fā)了一個(gè)帖子求助，本來也沒有報(bào)太大希望，結(jié)果得到了caudex和he1a2s0兩位朋友的講解和幫助，順利解決了問題，再次對(duì)二位表示衷心得感謝，當(dāng)然順便也要感謝一下FlyKing這位大俠的不屑和譏諷，因?yàn)檫@也給了我莫大的動(dòng)力。
好了，廢話不說，盡管我的實(shí)現(xiàn)方法肯定不是最好的，甚至比較原始和笨拙，但畢竟是實(shí)現(xiàn)了，拿出來奉獻(xiàn)給大家，有看的上的就用一下吧?；蛘哂懈梅椒ǖ囊步o指教一下，我的郵箱douwenming@gmail.com，歡迎聯(lián)系。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
Slider類的調(diào)用說明：
//關(guān)于如何使用這個(gè)代碼的說明：
//上面的代碼可以封裝成為一個(gè)單獨(dú)的js文件，然后包含在頁面當(dāng)中
//然后使用下面的代碼進(jìn)行slider初始化，一個(gè)頁面可以使用多個(gè)slider，下面的代碼必須在頁面底部</body>之前，否則可能會(huì)報(bào)錯(cuò)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
//參數(shù)分別代表的意義可以在代碼頂端看到
//控制slider動(dòng)作可以使用兩種方式
//一種是使用初始化時(shí)聲明的名字調(diào)用，比如topslider.show(),topslider.hide()
//另一種可以使用slider.names[0].show(),slider.names[0].hide()，下標(biāo)取決于slider初始化的順序
1、可以控制任何一個(gè)頁面上存在的div
2、slider在滑動(dòng)的同時(shí)還可以實(shí)現(xiàn)透明度的變化，整個(gè)過程更平滑、更美觀
3、可控性強(qiáng)，通過多個(gè)參數(shù)實(shí)現(xiàn)不同大小的div不同方向、不同速度的滑動(dòng)
4、調(diào)用方便，一句話即可初始化，slider的隱現(xiàn)控制更為簡單，詳情參見代碼例子
關(guān)于Slider類實(shí)現(xiàn)過程的說明：
有感于現(xiàn)在的網(wǎng)站經(jīng)常使用所謂Web2.0模式的div隱現(xiàn)效果，前一段自己在網(wǎng)頁上要實(shí)現(xiàn)一個(gè)，嘗試成功后又想封裝一個(gè)類方便以后使用，也可以開放給大家使用，剛好還可以學(xué)習(xí)一下javascript的類編程方法（兄弟以前一直用微軟的東西，對(duì)javascript不熟），過程當(dāng)中遇到一點(diǎn)問題，就在51js上面發(fā)了一個(gè)帖子求助，本來也沒有報(bào)太大希望，結(jié)果得到了caudex和he1a2s0兩位朋友的講解和幫助，順利解決了問題，再次對(duì)二位表示衷心得感謝，當(dāng)然順便也要感謝一下FlyKing這位大俠的不屑和譏諷，因?yàn)檫@也給了我莫大的動(dòng)力。
好了，廢話不說，盡管我的實(shí)現(xiàn)方法肯定不是最好的，甚至比較原始和笨拙，但畢竟是實(shí)現(xiàn)了，拿出來奉獻(xiàn)給大家，有看的上的就用一下吧?；蛘哂懈梅椒ǖ囊步o指教一下，我的郵箱douwenming@gmail.com，歡迎聯(lián)系。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
Slider類的調(diào)用說明：
//關(guān)于如何使用這個(gè)代碼的說明：
//上面的代碼可以封裝成為一個(gè)單獨(dú)的js文件，然后包含在頁面當(dāng)中
//然后使用下面的代碼進(jìn)行slider初始化，一個(gè)頁面可以使用多個(gè)slider，下面的代碼必須在頁面底部</body>之前，否則可能會(huì)報(bào)錯(cuò)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
//參數(shù)分別代表的意義可以在代碼頂端看到
//控制slider動(dòng)作可以使用兩種方式
//一種是使用初始化時(shí)聲明的名字調(diào)用，比如topslider.show(),topslider.hide()
//另一種可以使用slider.names[0].show(),slider.names[0].hide()，下標(biāo)取決于slider初始化的順序
相關(guān)文章
javascript實(shí)現(xiàn)的一個(gè)帶下拉框功能的文本框
這篇文章主要介紹了javascript實(shí)現(xiàn)的一個(gè)帶下拉框功能的文本框,需要的朋友可以參考下2014-05-05
JS樹形結(jié)構(gòu)根據(jù)id獲取父級(jí)節(jié)點(diǎn)元素的示例代碼
這篇文章主要介紹了JS樹形結(jié)構(gòu)根據(jù)id獲取父級(jí)節(jié)點(diǎn)元素,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-05-05 
本文通過實(shí)例代碼很詳細(xì)的給大家介紹了js中的多態(tài)，感興趣的朋友一起看看吧
2017-10-10 
three.js實(shí)現(xiàn)3D影院的原理的代碼分析
本篇文章主要給大家講解了如何通過three.js實(shí)現(xiàn)3D影院的功能以及原理分析，需要的朋友參考一下吧。
2017-12-12 
利用ASP發(fā)送和接收XML數(shù)據(jù)的處理方法與代碼
利用ASP發(fā)送和接收XML數(shù)據(jù)的處理方法與代碼...
2007-11-11 
前端報(bào)錯(cuò)Failed?to?resolve?component:?smile-outlined?If?thi
這篇文章主要為大家介紹了前端報(bào)錯(cuò)?Failed?to?resolve?component:?smile-outlined?If?this?is?a?native?custom?的問題分析解決，有需要的朋友可以借鑒參考下
2023-06-06 
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)手寫板簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07 
BootStrap實(shí)現(xiàn)文件上傳并帶有進(jìn)度條效果
這篇文章主要介紹了BootStrap實(shí)現(xiàn)文件上傳并帶有進(jìn)度條效果，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2017-09-09 
很多情況下，需要用到隨機(jī)數(shù)，腳本之家特為大家整理了一些具體的使用與說明。
2010-08-08