首頁 > web前端 > js教程 > 運用JQuery的toggle實作網頁載入完成自動彈窗_jquery

運用JQuery的toggle實作網頁載入完成自動彈窗_jquery

WBOY
發布: 2016-05-16 16:55:17
原創
1301 人瀏覽過

toggle()事件 它主要切換元素的可見狀態。

1、toggle(switch) ①switch是一個可選值,如果不填則原來元素是顯示則將其隱藏,如果是隱藏則顯示。

HTML 程式碼:

複製程式碼 程式碼如下:

Hello Again



jQuery 代碼:
複製程式碼 代碼如下:

$("p").toggle()

結果:
複製程式碼 程式碼如下:

Hello

Hello Again



② switch如果有值則是TRUE或false,如果是TRUE則顯示元素,FALSE隱藏元素。
HTML
複製程式碼 程式碼如下:

p id = " Hello




JQuery
複製程式碼 程式碼如下:

var i = 0;
$("#b").click(function(){
$ ("#tt").toggle(i %2==0);
});

2、toggle(speed, [callback]) speed是可選參數它表示元素動畫的速度,元素以動畫的「滑動」的方式進行顯示或隱藏,它的值可以使(slow、 normal 、fast); [callback]為函數可以執行的方法。

HTML程式碼
複製程式碼 程式碼如下:


程式碼如下:


程式碼如下: Hello Again JQuery程式碼



複製程式碼

複製程式碼複製程式碼複製程式碼複製程式碼複製程式碼複製程式碼複製程式碼複製碼> 程式碼如下: $("#t").toggle("slow",function(){ alert("123456"); }); 即:當用運用第二種方法時,隱藏speed則可以進行網頁載入自動彈屏
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板