坐姿拍嗝 IMG_7890 1M IMG_8035 2M22D_戴著爸爸的頭巾 2M25D 3M4D_不同的指頭有不同的滋味喔 4M26D R0010204 5M 5M5D 5M11D 5M18D 6M16D 6M24D_想睡了 6M24D 7M12D 7M19D_請打我屁股 7M26D 8M16D 8M22D_臉上都是黑木耳 8M27D 9M19D 9M26D 10M12D_媽咪可沒要你罰跪喔 10M14D R0014411 R0014480 R0014539 11M1D 11M12D 11M26D 1Y_蘆洲李宅抓週 1Y20D 1Y26D

這一篇,應小熊爸的需求 PO 上來,這個功能的好處是,每一個網頁呈現的字體大小不一定都會相同,如果每次都要從 IE 功能表選擇調整字體大小又嫌麻煩,這時候如果網頁頁面上可以直接「點一下」就改變大小就很方便囉!

fontsize.jpg 

將下面這一段程式碼複製並貼到到公告版位:

<script language="javascript">

//Specify affected tags. Add or remove from list:

var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:

var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );

var startSz = 1;

function ts( trgt,inc )

{

if (!document.getElementById)  return

var d = document,cEl = null,sz = startSz,i,j,cTags;

sz += inc;

if ( sz < 0 ) sz = 0;

if ( sz > 6 ) sz = 6;

startSz = sz;

if ( !( cEl = d.getElementById( trgt ) ) )

cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];

for ( i = 0 ; i < tgs.length ; i++ )

{

cTags = cEl.getElementsByTagName( tgs[ i ] );

for ( j = 0 ; j < cTags.length ; j++ )

cTags[ j ].style.fontSize = szs[ sz ];

}

}

</script>

<a href="javascript:ts('body',1)"><font color="red">+ 加大字體</font></a> |

<a href="javascript:ts('body',-1)"><font color="red">- 縮小字體</font></a><br>

 

 

創作者介紹
Kay

KLOVEK

Kay 發表在 痞客邦 PIXNET 留言(23) 人氣()


留言列表 (23)

發表留言
  • ulon27

  • 這麼神奇唷
    有機會來試一試~~
  • 試試看喔
    對訪客來說應該是不錯的功能

    Kay 於 2009/03/08 22:02 回覆

  • beyu86
  • 粉方便ㄟ
    下回也來試試看
  • 用好自己試試看喔
    蠻好玩的^6

    Kay 於 2009/03/08 22:03 回覆

  • jaclynchan1226
  • 謝謝Kay的教學分享,
    沒想到竟然可以有這麼神奇的功能呢!

    Jaclyn

  • ㄎㄎ
    不客氣^^
    有任何問題歡迎提出來喔

    Kay 於 2009/03/08 22:10 回覆

  • BOGUMAMA
  • 這樣真的很方便捏
  • 對ㄚ
    我放很久了勒
    有沒有看到ㄚ

    Kay 於 2009/03/08 22:11 回覆

  • lindahung666
  • 哇…我又學了一招了,改天來用看看,謝謝分享^^
  • 呵呵~
    試試看好不好用囉

    Kay 於 2009/03/08 22:11 回覆

  • blackgigi16
  • 謝啦
    帶回去試試
  • 不客氣
    盡量拿去用喔^^

    Kay 於 2009/03/08 22:11 回覆

  • blackgigi16
  • 成功了
    那我可以要求另一個嗎
    蠻喜歡你家日曆表的~嘿嘿!
  • 日曆表是嗎?
    我也是看某篇教學文的
    我再來找找看文章^^

    Kay 於 2009/03/08 22:12 回覆

  • pixy8601
  • 我用了!謝啦!很不錯哩!!
  • 很高興您喜歡喔^^

    Kay 於 2009/03/08 22:13 回覆

  • elva875086
  • 太棒了
    我用火狐看某些版都會變的字超級小
    真的是看的很痛苦
  • 沒錯
    所以我也擔心別人看自己的版字體會太小
    因此才放在版面上讓訪客自己調整囉

    Kay 於 2009/03/08 22:14 回覆

  • bbclub
  • 這樣就可以看得更舒服了~~
    改天用上面那個行事曆教學~~謝謝
  • 呵呵
    好的,行事曆教學我再來找找文章^^

    Kay 於 2009/03/08 22:16 回覆

  • davidtai65
  • 哇~~感恩啦~這個好~~
  • ㄟ...??
    小熊爸,你的暱稱怎麼可以改呢?

    Kay 於 2009/03/08 22:18 回覆

  • 小熊爸比
  • 試驗成功~~這個真棒啦~~感謝分享~~
  • 不客氣
    喜歡就好囉

    Kay 於 2009/03/08 22:18 回覆

  • weny0304
  • 謝謝分享!
    打包帶走囉~
  • 不客氣
    盡量拿去用喔^^

    Kay 於 2009/03/08 22:18 回覆

  • canru
  • 哇~~謝謝分享,還蠻實用的^^
  • 對ㄚ
    可以把字體縮小測視力
    不然
    如果眼睛痠就把字體放大一點看也輕鬆~

    Kay 於 2009/03/08 22:20 回覆

  • sunnysocute
  • 哇,學到一招。謝謝分享哦。
  • 小熊爸比
  • 在留下回響的地方才可以啦~~
  • 對喔...迴響的地方可以自己key...忘了:p

    Kay 於 2009/03/10 10:33 回覆

  • robin6642
  • 哇~
    謝謝分享
    很實用呢
    帶走囉
  • 沒問題沒問題~盡量打包帶走喔^^

    Kay 於 2009/03/10 10:34 回覆

  • fsvzfsm
  • 收~^^~
  • 收勒~
    痞客使用得還好吧

    Kay 於 2009/03/10 20:09 回覆

  • fsvzfsm
  • 不好~
    我快被它打敗了~
    在文章內上傳圖片~
    只有一個字...慢慢慢...
  • 我是沒有用痞客的上傳圖片啦...
    妳檔案沒有很大吧?

    Kay 於 2009/03/12 20:14 回覆

  • 小佳的媽咪
  • 打包帶走囉~^^
    想請問媽咪~
    會不會那種把語法打進一個框框裡然後按COPY就可以直接複製的語法?
    會的話可以教我嗎?
    謝謝!^^
  • 這我沒寫過耶~
    等我研究一下再告訴妳好嗎^^

    Kay 於 2009/03/22 23:27 回覆

  • cch
  • 哇~ 這個很好用耶!
    尤其我常常被說字很小...
    (啊就明明有設定大一點了說~)

    感謝分享呀!
  • 不客氣~能幫到妳很高興^^

    Kay 於 2009/03/29 14:57 回覆

  • 綠番薯
  • 可以請問你要怎麼調整迴響的文字大小嗎? 我的迴響文字跟內文一樣大,我想單獨調整迴響的文字,要從CSS的語法哪裡做調整呢?
  • 不好意思
    這我還沒試過耶

    Kay 於 2011/12/14 22:02 回覆

  • 綠番薯
  • 恩恩沒關係,我問題已經解決了^^
找更多相關文章與討論