網頁

2009/1/28

以javascript,透過點擊(onclick)隱藏或顯示某個區塊(span)

 原本想讓使用者點某些標籤,使沒有標籤的文章隱藏。藉此達成用標籤尋文的功能,不過暫時是用不著了,因為要列出網誌內所有文章都沒那麼簡單,幌論還要去篩選。不過功夫學到了就做個筆記吧!



表一 隱藏、顯示某個span
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
<script language="JavaScript">
function toggleDisplay(spanid){
  if (spanid.style.display=='inline'){
    spanid.style.display='none';
  }
  else{
    spanid.style.display='inline';
  }
}
</script>
<div><span onclick="toggleDisplay(testspan)">點我</span>來看效果.<span id="testspan" 
style="color:red;position:relative;cursor:hand;">測試用文字</span>,測試測試。</div>

1 則留言:

匿名 提到...

11543
c-1草
我覺得這張照片給人感覺很台灣。讓人很有親切感!不會有怪怪的感覺,下面的稻草好像有被風吹的一樣,好涼爽喔~不過這張照片的主角好像不是那些稻草,而是那座山。我到覺得那座山不像主角,反倒是那在下方的草,看起來才是主角。
C-2山
這張的主角像山了,因為草不見了,不過給人的感覺就像死掉的東西一樣!堧有綠綠的草地不過覺得有草的那一張比較好看!