運(yùn)用JQuery的toggle實(shí)現(xiàn)網(wǎng)頁(yè)加載完成自動(dòng)彈窗
1、toggle(switch) ①switch是一個(gè)可選值,如果不填則原來(lái)元素是顯示則將其隱藏,如果是隱藏則顯示。
HTML 代碼:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代碼:
$("p").toggle()
結(jié)果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
② switch如果有值則是TRUE或false,如果是TRUE則顯示元素,F(xiàn)ALSE隱藏元素。
HTML
<p id = "tt">Hello</p>
<input type="button" value="變換" id="b">
JQuery
var i = 0;
$("#b").click(function(){
$("#tt").toggle(i++%2==0);
});
2、toggle(speed, [callback]) speed是可選參數(shù)它表示元素動(dòng)畫(huà)的速度,元素以動(dòng)畫(huà)的“滑動(dòng)”的方式進(jìn)行顯示或隱藏,它的值可以使(slow、 normal 、fast); [callback]為函數(shù)可以執(zhí)行的方法。
HTML代碼
<p style="display: none" id = "t">Hello Again</p>
JQuery代碼
$("#t").toggle("slow",function(){
alert("123456");
});
即:當(dāng)用運(yùn)用第二種方法時(shí),隱藏speed則可以進(jìn)行網(wǎng)頁(yè)加載自動(dòng)彈屏
- jQuery實(shí)現(xiàn)的兩種簡(jiǎn)單彈窗效果示例
- jquery實(shí)現(xiàn)彈窗(系統(tǒng)提示框)效果
- Jquery實(shí)現(xiàn)自定義彈窗示例
- jquery ui dialog實(shí)現(xiàn)彈窗特效的思路及代碼
- 小巧強(qiáng)大的jquery layer彈窗彈層插件
- 簡(jiǎn)單實(shí)現(xiàn)jQuery彈窗效果
- jQuery實(shí)現(xiàn)彈窗居中效果類(lèi)似alert()
- jquery實(shí)現(xiàn)彈窗功能(窗口居中顯示)
- jquery制作彈窗提示窗口代碼分享
- jquery實(shí)現(xiàn)簡(jiǎn)單的彈窗效果
相關(guān)文章
jquery submit ie6下失效的原因分析及解決方法
jquery submit ie6下失效的原因分析及解決方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11jQuery Tab插件 用于在Tab中顯示iframe,附源碼和詳細(xì)說(shuō)明
最近有個(gè)需求,需要在Tab中放置iFrame,于是做了一個(gè)jQuery的Tab插件。2011-06-06jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果,涉及jQuery鼠標(biāo)事件響應(yīng)及表格table動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-12-12jquery實(shí)現(xiàn)漫天雪花飛舞的圣誕祝福雪花效果代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)漫天雪花飛舞的圣誕祝福雪花效果,很浪漫,感興趣的小伙伴們可以參考一下2015-08-08jquery動(dòng)畫(huà)3.創(chuàng)建一個(gè)帶遮罩效果的圖片走廊
今天我們要完成的是一個(gè)帶有遮罩效果(補(bǔ)間動(dòng)畫(huà))的圖片走廊jquery插件:jquery.tranzify.js2012-08-08jQuery實(shí)現(xiàn)懸浮在右上角的網(wǎng)頁(yè)客服效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)懸浮在右上角的網(wǎng)頁(yè)客服效果代碼,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10jQuery框架實(shí)現(xiàn)元素顯示及隱藏三種動(dòng)畫(huà)方式
在jQuery框架中對(duì)元素對(duì)象進(jìn)行顯示和隱藏有三種方式,分別是“默認(rèn)方式顯示和隱藏”、“滑動(dòng)方式顯示和隱藏”、“淡入淡出顯示和隱藏”,今天就每種方式通過(guò)實(shí)例代碼給大家詳細(xì)講解,需要的朋友參考下吧2021-06-06jQuery使用動(dòng)畫(huà)隊(duì)列自定義動(dòng)畫(huà)操作示例
這篇文章主要介紹了jQuery使用動(dòng)畫(huà)隊(duì)列自定義動(dòng)畫(huà)操作,涉及jQuery使用queue()方法和dequeue()方法進(jìn)行函數(shù)隊(duì)列操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-06-06