<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    acerbic coffee
    走自己的路,讓別人跑步
    posts - 26,comments - 14,trackbacks - 0

    ???? 唉!! 加班!!趁著這時間上網(wǎng)查點(diǎn)有用的東西,剛剛弄到一個過去不清楚的概念,現(xiàn)在發(fā)出來

    注:以下均為摘抄!~~~~
    大多數(shù)人很容易將CSS屬性display和visibility混淆,它們看似沒有什么不同,其實(shí)它們的差別卻是很大的。
    visibility屬性用來確定元素是顯示還是隱藏,這用visibility="visible|hidden"來表示,visible表示顯示,hidden表示隱藏。當(dāng)visibility被設(shè)置為"hidden"的時候,元素雖然被隱藏了,但它仍然占據(jù)它原來所在的位置。例:

    < script?language = " JavaScript " > ?
    function ?toggleVisibility(me) {?
    if ?(me.style.visibility == " hidden " ) {?
    me.style.visibility
    = " visible " ;?
    }
    ?
    else ? {?
    me.style.visibility
    = " hidden " ;?
    }
    ?
    }
    ?
    </ script > ?
    < div?onclick = " toggleVisibility(this) " ?style = " position:relative " >
    第一行文本將會觸發(fā)"hidden"和"visible"屬性,注意第二行的變化。
    因?yàn)関isibility會保留元素的位置,所以第二行不會移動. 注意到,當(dāng)元素被隱藏之后,就不能再接收到其它事件了,所以在第一段代碼中,當(dāng)其被設(shè)為"hidden"的時候,就不能再接收響應(yīng)到事件了,因此也就無法通過鼠標(biāo)點(diǎn)擊第一段文本令其顯示出來。另一方面,display屬性就有一點(diǎn)不同了。visibility屬性是隱藏元素但保持元素的浮動位置,而display實(shí)際上是設(shè)置元素的浮動特征。當(dāng)display被設(shè)置為block(塊)時,容器中所有的元素將會被當(dāng)作一個單獨(dú)的塊,就像<div>元素一樣,它會在那個點(diǎn)被放入到頁面中。(實(shí)際上你可以設(shè)置<span>的display:block,使其可以像<div>一樣工作。將display設(shè)置為inline,將使其行為和元素inline一樣---即使它是普通的塊元素如<div>,它也將會被組合成像<span>那樣的輸出流。最后是display被設(shè)置:none,這時元素實(shí)際上就從頁面中被移走,它下面所在的元素就會被自動跟上填充。下面看我實(shí)例的代碼和效果:
    <script?language="JavaScript">?
    function?toggleDisplay(me){?
    if?(me.style.display=="block"){?
    me.style.display
    ="inline";?
    alert(
    "文本現(xiàn)在是:'inline'.");?
    }
    ?
    else?{?
    if?(me.style.display=="inline"){?
    me.style.display
    ="none";?
    alert(
    "文本現(xiàn)在是:'none'.?3秒鐘后自動重新顯示。");?
    window.setTimeout(
    "blueText.style.display='block';",3000,"JavaScript");?
    }
    ?
    else?{?
    me.style.display
    ="block";?
    alert(
    "文本現(xiàn)在是:'block'.");?
    }
    ?
    }
    ?
    }
    ?
    </script>?
    <div><span?id="blueText"?onclick="toggleDisplay(this)"?
    style
    ="color:blue;position:relative;cursor:hand;">藍(lán)色</span>文字上點(diǎn)擊來查看效果.</div>
    posted on 2006-11-08 18:59 acerbic coffee 閱讀(121) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲中文字幕无码久久综合网| 亚洲无线一二三四区手机| 老司机永久免费网站在线观看| 亚洲色图视频在线观看| 黄色a三级三级三级免费看| 噜噜嘿在线视频免费观看| 亚洲国产成人无码AV在线| 成人在线免费观看| 亚洲AV无码一区二区乱子仑| 日本久久久免费高清| 阿v免费在线观看| 亚洲国产成人五月综合网| 久久久受www免费人成| 久久精品国产亚洲综合色| 99视频精品全部免费观看| 亚洲理论片在线观看| 成人在线免费看片| 亚洲av永久中文无码精品综合 | 黑人精品videos亚洲人| 182tv免费视频在线观看 | jlzzjlzz亚洲乱熟在线播放| www.av在线免费观看| 亚洲AV日韩AV永久无码下载| 四虎精品视频在线永久免费观看| 亚洲日本在线电影| 亚洲人成人无码网www国产| 精品视频在线免费观看| 亚洲人成在线免费观看| 国产又粗又长又硬免费视频| 热久久这里是精品6免费观看| 久久久久亚洲AV成人片| 国产精品免费视频网站| 国产午夜成人免费看片无遮挡| 亚洲视频一区二区三区| 国产免费一区二区三区VR| 久久精品视频免费| 亚洲另类无码一区二区三区| 亚洲啪啪AV无码片| 成在人线AV无码免费| 成人无码a级毛片免费| 亚洲欧洲日产国码久在线|