hide/display

01:44
最近接下Seednet同事pass的一個case
是改版東南科技大學環境與安全衛生工程系的網頁
原網頁是由該系系主任自己鑽研製作的
嗯……跟同事聊一聊，感覺也不能怪該系系主任啦
我相信術業有專攻……
在製作時，突然想起自己一直想要作toggle menu正確說來應該是display/hide menu的作法
結果在google list-style的相關CSS code時
看到大陸一個網站有提供一些資料
順手又找到了display屬性的語法 資料在此

<html>
<head>
<title>display 属性分别为block, inline, none 值时的显示区别</title>
</head>
<body>

<P><SPAN id="oSpan" style="background-color: #CFCFCF;">This is a SPAN</SPAN> in a sentence.</P>
<P>
<input type=button value="Inline" onclick="oSpan.style.display='inline'">
<input type=button value="Block" onclick="oSpan.style.display='block'">
<input type=button value="None" onclick="oSpan.style.display='none'">
</P>
</body>
</html>

sample是以input方式，一看JavaScript，還好以前還稍微看得懂
就改成<A href=.....>的方式

<a href="#" onclick="menu.style.display='none'" title="如要顯示選單請重新整理">隱藏選單menu</a>&nbsp;
<a href="#" onclick="menu.style.display=''" title="如要顯示選單請重新整理">顯示選單menu</a>

It's WORK!!!!
不過現在要想，怎麼樣讓一個link可以點一次隱藏，再點一次顯示

0 回應:

張貼留言

+

Copyright 2013 Seraphiam

Designed by Template Trackers