<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)查點有用的東西,剛剛弄到一個過去不清楚的概念,現(xiàn)在發(fā)出來

    注:以下均為摘抄!~~~~
    大多數(shù)人很容易將CSS屬性display和visibility混淆,它們看似沒有什么不同,其實它們的差別卻是很大的。
    visibility屬性用來確定元素是顯示還是隱藏,這用visibility="visible|hidden"來表示,visible表示顯示,hidden表示隱藏。當visibility被設置為"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"屬性,注意第二行的變化。
    因為visibility會保留元素的位置,所以第二行不會移動. 注意到,當元素被隱藏之后,就不能再接收到其它事件了,所以在第一段代碼中,當其被設為"hidden"的時候,就不能再接收響應到事件了,因此也就無法通過鼠標點擊第一段文本令其顯示出來。另一方面,display屬性就有一點不同了。visibility屬性是隱藏元素但保持元素的浮動位置,而display實際上是設置元素的浮動特征。當display被設置為block(塊)時,容器中所有的元素將會被當作一個單獨的塊,就像<div>元素一樣,它會在那個點被放入到頁面中。(實際上你可以設置<span>的display:block,使其可以像<div>一樣工作。將display設置為inline,將使其行為和元素inline一樣---即使它是普通的塊元素如<div>,它也將會被組合成像<span>那樣的輸出流。最后是display被設置:none,這時元素實際上就從頁面中被移走,它下面所在的元素就會被自動跟上填充。下面看我實例的代碼和效果:
    <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;">藍色</span>文字上點擊來查看效果.</div>
    posted on 2006-11-08 18:59 acerbic coffee 閱讀(121) 評論(0)  編輯  收藏

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


    網(wǎng)站導航:
     
    主站蜘蛛池模板: 日韩在线视精品在亚洲| 亚洲fuli在线观看| 日韩免费在线中文字幕| 国产成人免费全部网站 | 毛片在线免费视频| 一本色道久久88—综合亚洲精品| 100000免费啪啪18免进| 亚洲a级片在线观看| 色吊丝永久在线观看最新免费| 亚洲精品永久在线观看| 国产免费爽爽视频免费可以看| 美女露100%胸无遮挡免费观看| 亚洲福利视频一区二区| 一级特黄特色的免费大片视频| 国产亚洲精品免费视频播放| 毛片在线播放免费观看| 日本久久久久亚洲中字幕| 1000部禁片黄的免费看| 亚洲熟妇成人精品一区| 免费jjzz在在线播放国产| 一区二区三区在线免费| 午夜亚洲AV日韩AV无码大全| 日本亚洲免费无线码| 亚洲AV日韩AV永久无码色欲| 国产成人精品亚洲精品| 99久热只有精品视频免费观看17| 亚洲一区二区三区免费在线观看 | 日本xxxx色视频在线观看免费| 亚洲第一成年人网站| 免费无码黄动漫在线观看| 亚洲免费视频一区二区三区| 亚洲午夜免费视频| 扒开双腿猛进入爽爽免费视频| 羞羞视频免费网站日本| 亚洲黄色三级视频| 国产又粗又长又硬免费视频| 日韩视频免费在线观看| 亚洲a∨无码精品色午夜| 亚洲AV中文无码字幕色三| 成年女人视频网站免费m| 国产中文字幕在线免费观看|