原文:Js用戶引導插件bootstrap-tour

.demo直接貼上來了,有什么不懂的,直接去官網上看,地址:http: bootstraptour.com 。 .這個bootstrap tour插件的版本是v . . ,復制下來代碼,引入庫應該直接可以運行。 .點評一下: a.插件會自己在localStorage里記錄引導的信息,一般需求下,不用手動寫這方面代碼了 b.在每個step里提供onNext鈎子,這個還是很方便的 c.可以像demo ...

2017-11-28 22:17 0 1494 推薦指數:

查看詳情

Web頁面用戶分步操作引導插件——driver.js

介紹 driver.js是一個網頁端的用戶操作分步引導操作,可以在整個頁面上引導用戶操作,用這種方式來引導用戶在進入頁面后的操作,以便於用戶更快的熟悉系統功能! Github https://github.com/kamranahmedse ...

Thu Jan 21 17:36:00 CST 2021 0 812
bootstrap插件學習-bootstrap.scrollspy.js

先看bootstrap.dropdown.js的結構 HTML結構 我們從初始化開始 根據HTML結構,這個很簡單,獲取body對象,並執行jQuery原型上的方法scrollspy,其中$spy.data()中的值,前幾次的源碼分析,這個值已經 ...

Wed Aug 21 17:11:00 CST 2013 1 3856
bootstrap插件學習-bootstrap.popover.js

先看bootstrap.popover.js的結構 個人感覺bootstrap.popover.jsbootstrap.tooltip.js的放大版。。源碼處很多相似的地方,並且bootstrap.popover.js依賴與bootstrap.tooltip.js插件 ...

Sat Aug 24 23:45:00 CST 2013 2 6567
bootstrap插件學習-bootstrap.button.js

先看bootstrap.button.js的結構 HTML結構 這個例子有點問題,因為初始化時,第一個按鈕沒有綁定事件,所以第一個按鈕不可用,不過沒關系,讀完源碼之后,我們嘗試將它補全。 像單獨一個開關,直接本身就有btn類,像單選按鈕,觸發 ...

Sun Aug 25 20:50:00 CST 2013 0 3264
bootstrap插件學習-bootstrap.collapse.js

先看bootstrap.collapse.js的結構 HTML結構 我們先從初始化開始 body監聽了所有擁有data-toggle='collapse'屬性的標簽,為它們綁定了click事件,在HTML中由於標簽上都沒有data-target ...

Tue Aug 27 20:50:00 CST 2013 1 6979
bootstrap插件學習-bootstrap.typehead.js

先看bootstrap.typehead.js的結構 HTML結構 先從初始化開始 為所有擁有data-provide='typehead'屬性的標簽綁定focus事件,並且阻止事件冒泡,進入jQuery的原型方法中 ...

Thu Aug 29 17:04:00 CST 2013 0 3776
bootstrap插件學習-bootstrap.modal.js

先從bootstrap.modal.js的結構看起。 其HTML結構 我們開始過一遍插件源碼:從初始化開始 根據HTML提供的結構,$target為a標簽所指向的彈出框div的Jquery對象。另外$this.data()存在數據,為{toggle ...

Tue Aug 20 01:31:00 CST 2013 2 13935
bootstrap插件學習-bootstrap.dropdown.js

先看bootstrap.dropdown.js的結構 HTML結構 從初始化即時函數開始 這里需要注意事件的冒泡,一般我們點擊頁面上的一個按鈕(或者一個可見的標簽時)時,現在你點擊的這個標簽上先觸發事件,如果你這個標簽上有事件的話,觸發完之后,它會 ...

Tue Aug 20 18:24:00 CST 2013 0 4873
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM