-
為監(jiān)控對象設置被監(jiān)控的data屬性：data-spy="scroll"，指定監(jiān)控的導航條：data-target="#navbar-menu"。同時定義監(jiān)控過程中滾動條偏移位置data-offset="60"。 如果導航里有下拉菜單，并且滾動區(qū)域的內容到達下拉菜單子項所對應的區(qū)域，除了菜單高亮以外，子菜單的父元素dropdown也會高亮 【通過data-offset完美解決滾動監(jiān)控效果同步問題】： 通過調節(jié)監(jiān)控過程中滾動條偏移位置data-offset=""至合適的值可以使錨點出現(xiàn)時間和導航中對應表項激活狀態(tài)時間一致！查看全部
-
《position屬性absolute與relative 詳解》：http://www.cnblogs.com/jenry/archive/2007/07/15/818660.html 【position屬性：absolute（絕對位置）與relative（相對位置）】 absolute：參照瀏覽器的左上角，配合TRBL進行定位，在沒有設定TRBL，默認依據父級的做標原始點為原 始點。如果設定TRBL并且父級沒有設定position屬性，那么當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由TRBL決定。 absolute：參照父級的原始點為原始點，若沒有父級則以body的原始點為原始點，配合TRBL進行定位，當父級內有padding等CSS屬性時，當前級的原始點則參照父級內容區(qū)的原始點進行定位。 注：TRBL：Top、Right、Bottom、Left查看全部
-
.scrollspy-example的高度會影響效果： 過大，會導致滾動時出現(xiàn)“跳躍”。 問：【滾動監(jiān)視器在窗口的位置會不會影響效果？】查看全部
-
Hint.css 同樣可以提示 純css查看全部
-
右側代碼只是實現(xiàn)了【錨點跳轉功能】，但沒有實現(xiàn)【滾動監(jiān)控器】功能，補充右側編輯器缺少的代碼以實現(xiàn)滾動監(jiān)控器的功能。查看全部
-
多種可能有效的寫法（“可能有效”：因為結果一樣，但怎么寫都隱藏不了） 【1】 $(function(){ $("#tutorial").click(function(){ $(".dropdown-menu").dropdown("toggle"); }); }); 【2】 $(function(){ $(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); }) })查看全部
-
和模態(tài)彈出窗一樣，Bootstrap框架中的下拉菜單也支持JavaScript方法觸發(fā)下拉菜單顯示。使用JavaScript觸發(fā)下拉菜單和聲明式原理是基本類似的，【不同的是】使用JavaScript方法可以按照自己的方式省略一些元素或者樣式。查看全部
-
<script> $(function(){ $(".btn").click(function(){ $("#mymodal").modal("toggle"); }); $('#mymodal').on('hidden.bs.modal', function(e){ // 處理代碼... alert("hello,windows!"); //關閉模態(tài)彈出窗時，彈出警示框 }); }); </script>查看全部
-
事件設置： 模態(tài)彈出窗還支持四種類型的事件，分別是模態(tài)彈出窗的彈出前、彈出后，關閉前、關閉后，具體描述如下： 事件類型+描述: show.bs.modal 在show方法調用時立即觸發(fā)（尚未顯示之前）；如果單擊了一個元素，那么該元素將作為事件的relatedTarget屬性 shown.bs.modal 該事件在模態(tài)彈出窗完全顯示給用戶之后（并且等CSS動畫完成之后）觸發(fā)；如果單擊了一個元素，那么該元素將作為事件的relatedTarget事件 hide.bs.modal 在hide方法調用時（但還未關閉隱藏）立即觸發(fā) hidden.bs.modal 該事件在模態(tài)彈出窗完全隱藏之后（并且CSS動畫漂完成之后）觸發(fā)查看全部
-
參數(shù)設置： 在Bootstrap框架中還為模態(tài)彈出窗提供了三種參數(shù)設置，具體說明如下： 參數(shù) 使用方法 描述 toggle $(“#mymodal”).modal(“toggle”) 觸發(fā)時，反轉模態(tài)彈出窗的狀態(tài)。如果模態(tài)彈出窗是顯示的，則關閉；反之，如果模態(tài)彈出窗是關閉的，則顯示 show $(“#mymodal”).modal(“show”) 觸發(fā)時，顯示模態(tài)彈出窗 hide $(“#mymodal”).modal(“hide”) 觸發(fā)時，關閉模態(tài)彈出窗查看全部
-
<script> $(function(){ $(".btn").click(function(){ $("#mymodal").modal({ show:true,keyboard:false,backdrop:false }); }); }); </script>查看全部
-
$在JS中本身只是一個符號而異，在JS里什么也不是。 但在JS應用庫JQUERY的作者將之做為一個自定義函數(shù)名了，這個函數(shù)是獲取指定網頁元素的函數(shù)，使用非常之頻繁，所以好多新手不知道，還以為$是JS的什么特殊語法。 后來，可能有些程序員JQUERY用得多了，發(fā)現(xiàn)$這個函數(shù)很好用，很方便，所以，在不用JQUERY的情況，一般自己也會自定義一個$函數(shù)。 即： function $(Nid){ return document.getElementById(Nid); } 就這么簡單(在JSQUERY里可能稍微功能再強大一點，但主要還是我寫的這個功能。) 以后在網頁就不用每次使用document.getElementById("ID名")來獲取元素，只用$('ID名')即可，非常簡使了。查看全部
-
單獨導入： 為方便單獨導入特效文件，Bootstrap V3.2中提供了12種JavaScript插件，他們分別是： ? 動畫過渡（Transitions）:對應的插件文件“transition.js” ? 模態(tài)彈窗（Modal）:對應的插件文件“modal.js” ? 下拉菜單（Dropdown）：對應的插件文件“dropdown.js” ? 滾動偵測（Scrollspy）：對應的插件文件“scrollspy.js” ? 選項卡（Tab）：對應的插件文件“tab.js” ? 提示框（Tooltips）：對應的插件文件“tooltop.js” ? 彈出框（Popover）：對應的插件文件“popover.js” ? 警告框（Alert）：對應的插件文件“alert.js” ? 按鈕（Buttons）：對應的插件文件“button.js” ? 折疊/手風琴（Collapse）：對應的插件文件“collapse.js” ? 圖片輪播Carousel：對應的插件文件“carousel.js” ? 自動定位浮標Affix：對應的插件文件“affix.js” 上述單獨插件的下載可到github去下載（https://github.com/twbs/bootstrap）。查看全部
-
perfect查看全部
-
加入JavaScript控件查看全部
舉報
0/150
提交
取消