快捷導(dǎo)航

javascript 閉包函數(shù)做顯隱內(nèi)容

更新時(shí)間：2009年03月31日 00:09:27 作者：

用閉包函數(shù)做顯隱內(nèi)容,主要優(yōu)勢(shì)就是可以增加顯示與隱藏效率。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type='text/css'> .a{ width:200px; font-size:12px; font-weight:bold; height:30px; line-height:30px; background:url(/images/default/header_bg.gif); margin-top:5px; } .a a{ text-Decoration:none;} .aa{ width:200px; height:100px; border:3px groove #91D2FF; display:none; } </style> </HEAD> <BODY> <div   class="wppm3vysvbp"   id="a" title="a1" class='a' > <a href='#'>+ 點(diǎn)擊顯示 </a> </div> <div   class="wppm3vysvbp"   id="a1" class='aa' style='display:block'> 愛(ài)無(wú)憂，我的偶象是果果 愛(ài)無(wú)憂，我的偶象是果果 </div> <div   class="wppm3vysvbp"   id="b" title="b1" class='a' > <a href='#'>+ 點(diǎn)擊顯示 </a> </div> <div   class="wppm3vysvbp"   id="b1" class='aa'> 愛(ài)無(wú)憂，果果我崇拜你 愛(ài)無(wú)憂，果果我崇拜你 </div> <div   class="wppm3vysvbp"   id="c" title="c1" class='a' > <a href='#'>+ 點(diǎn)擊顯示 </a> </div> <div   class="wppm3vysvbp"   id="c1" class='aa'> 愛(ài)無(wú)憂，每天關(guān)注偶象果果 愛(ài)無(wú)憂，每天關(guān)注偶象果果 </div> <div   class="wppm3vysvbp"   id="d" title="d1" class='a' > <a href='#'>+ 點(diǎn)擊顯示 </a> </div> <div   class="wppm3vysvbp"   id="d1" class='aa'> 愛(ài)無(wú)憂，愛(ài)果果 愛(ài)無(wú)憂，愛(ài)果果 </div>  </BODY> </HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

table對(duì)象中的insertRow與deleteRow使用示例
本文為大家介紹下table對(duì)象insertRow deleteRow的使用示例，適合新手朋友們
2014-01-01
Cookies 和 Session的詳解及區(qū)別
這篇文章主要介紹了Cookies 和 Session的詳解及區(qū)別的相關(guān)資料,需要的朋友可以參考下
2017-04-04
js 性能優(yōu)化之算法和流程控制
循環(huán)處理是最常見(jiàn)的編程模式之一，也是提升性能必須關(guān)注的要點(diǎn)之一。本文將對(duì)此進(jìn)行介紹。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
JavaScript類的繼承操作實(shí)例總結(jié)
這篇文章主要介紹了JavaScript類的繼承操作,結(jié)合實(shí)例形式總結(jié)分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中類的繼承常見(jiàn)實(shí)現(xiàn)方式與操作技巧,需要的朋友可以參考下
2018-12-12
JavaScript實(shí)現(xiàn)控制并發(fā)請(qǐng)求的方法詳解
這篇文章主要為大家詳細(xì)介紹了如果有100個(gè)請(qǐng)求,那么如何使用JavaScript實(shí)現(xiàn)控制并發(fā)請(qǐng)求,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一
2024-03-03
Javascript中的函數(shù)聲明與函數(shù)表達(dá)式(奇技淫巧)
Javascript有很多有趣的用法，在Google Code Search里能找到不少,今天從火丁筆記看到的，非常不錯(cuò)，推薦大家看下。
2011-03-03
基于JavaScript判斷兩個(gè)對(duì)象內(nèi)容是否相等
這篇文章主要介紹了基于JavaScript判斷兩個(gè)對(duì)象內(nèi)容是否相等,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-01-01
微信小程序自動(dòng)化部署的全過(guò)程
由于微信小程序需要在微信小程序助手上發(fā)布,比較麻煩,可以配置CI 自動(dòng)化的發(fā)布,下面這篇文章主要給大家介紹了關(guān)于微信小程序自動(dòng)化部署的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-07-07
javascript中函數(shù)作為參數(shù)調(diào)用的方法
這篇文章主要介紹了javascript中函數(shù)作為參數(shù)調(diào)用的方法,實(shí)例分析了函數(shù)作為操作調(diào)用的原理與相關(guān)技巧,需要的朋友可以參考下
2015-02-02
JS將圖片轉(zhuǎn)Base64的2種方法代碼
這篇文章主要給大家介紹了關(guān)于JS將圖片轉(zhuǎn)Base64的2種方法,base64 其實(shí)是一種編碼轉(zhuǎn)換方式,將ASCII字符轉(zhuǎn)換成普通文本,是網(wǎng)絡(luò)上最常見(jiàn)的用于傳輸8Bit字節(jié)代碼的編碼方式之一,需要的朋友可以參考下
2024-05-05