myFocus js輪播外掛程式,多種樣式的使用方法

2021-07-16 08:25:35 字數 953 閱讀 9771

參考**:

正文:簡單3步,你即可以用上myfocus。

step 1. 在html的標籤內引入相關檔案

step 2. 建立myfocus標準的html結構,並填充你的內容

img標籤的屬性說明:

step 3. 在step1**之後的任意乙個位置呼叫(建議在head標籤結束前呼叫)

//你可以簡單的呼叫---只設定它的盒子id,其它引數全部預設設定://或詳細一點的引數呼叫://更多引數設定及jquery方式呼叫請檢視使用者api。
進過這3步,你應該可以在瀏覽器欣賞到你的傑作了。enjoy it~

myfocus的檔案結構與自動引入風格檔案機制

事實上,風格檔案是不需要在使用時手動引入,myfocus會根據你的pattern設定,尋找myfocus庫檔案目錄下的mf-pattern目錄,當找到相應的風格檔案後,自動引入。

這樣,你只需要把你的風格檔案放在myfocus庫檔案目錄下的mf-pattern目錄內,即可實現自動引入機制。

例如,你的myfocus-2.0.0.min.js檔案放在js目錄,那麼,只需在js目錄內建立乙個mf-pattern的子目錄,這個子目錄便是myfocus程式可以識別的存放風格檔案的目錄。

在mf-pattern目錄中,也存在乙個img的子目錄,它是存放某些風格的檔案,雖然並不是每款風格都會有檔案。

建議把所有的風格檔案都存放在這個mf-pattern目錄,這樣你就可以隨意切換你的風格了,而且它是按需載入,並不會引入其它多餘的檔案。myfocus的整個載入量(主庫+風格)平均只有12kb左右。

另外需要說明的是,這個自動引入機制已經做的足夠智慧型,它並不會重複引入風格檔案,例如當你已經手動引入風格檔案,又或者乾脆把某風格的js**寫在頁面上,這時myfocus並不會再次尋找引入風格檔案,而是直接讀取頁面上的。

js輪播外掛程式

tween演算法 var tween 平方緩動動畫 quad 減速 easeout function t,b,c,d 現加速後減速 easeinout function t,b,c,d 三次方緩動動畫 cubic easeout function t,b,c,d easeinout function...

jq外掛程式輪播unslider2 03版用法

網上搜這個輪播外掛程式用法非常多,但文章過舊,害得怎麼也用不上,耗了很多時間,檢視文件,才弄明白最新版用法 引入css href rel stylesheet href rel stylesheet body後面引入js,因為外掛程式基於jquery,所以要引入jquery src script s...

用簡悅外掛程式開啟多種閱讀模式

簡悅 simpread 文字,作為承載資訊最多的工具,除了傳達訊息的作用以外,語言優美的文字還能給人帶來賞心悅目的體驗。雜亂無章的介面瞬間破壞了閱讀體驗,也極大影響了人的心情。但是這款chrome擴充套件卻能為大家快速還原閱讀本質,它就叫簡悅。多種閱讀模式 開啟模式後,僅文章正文部分被高亮,其他部分...