Selected Category: Javascript筆記 (7)

View Mode: Post List Post Summary

以前下載的，不過當初忘了記出處，
最近會常用到，貼上來紀錄一下...


Posted by chenshin0719 at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(1197)

▲top
bannerflash

由於很少有部落格會提供修改原始碼(html)的功能，
故以往想將部落格上方banner隨心所欲地修改，
往往都是得對css、javascript...等對網頁技術較為熟悉的使用者才辦得到...
(Read More...)

Posted by chenshin0719 at 痞客邦 PIXNET Comments(10) Trackback(0) Hits(2409)

▲top
前兩天黑角馬修在做他的工作室網站時，
問到了一個點選小圖換大圖的圖片瀏覽方式：

他給我看了某個網頁的效果，我看了該原始碼後，
突然想到利用javascript的innerHTML，
(Read More...)

Posted by chenshin0719 at 痞客邦 PIXNET Comments(14) Trackback(0) Hits(3783)

▲top
這個小範例常運用在網頁的快速訂閱功能上(ex：電子報...)
利用onFocus及onBlur呼叫javascript：onFocus時取消預設值，
onBlur後判斷文字輸入欄是否有輸入值，若無輸入值則會恢復預設的文字！
(範例：點選下方文字輸入欄不輸入值再點文字欄以外的區域)
 
(Read More...)

Posted by chenshin0719 at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(1880)

▲top

上圖為一般當滑鼠滑過連結時的說明文字情況，
若想要變更其視覺樣式或顯示內容能使用HTML語法時透過javascript即可實現...
以下是利用javascript來實現自製網頁說明文字的簡易範例：
(Read More...)

Posted by chenshin0719 at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(1311)

▲top
隨機顯示圖片

利用之前學長教的利用DOM(Document Object Model)修改html中<tag>的值，
這樣一來就能做不少的應用^^
紀錄一下前幾天在部落格上方圖片改成隨機顯示的javascript~
(Read More...)

Posted by chenshin0719 at 痞客邦 PIXNET Comments(5) Trackback(0) Hits(666)

▲top
範例說明

yahoo新聞標題的右上方有個「字級設定：小中大巨」調整字級的功能，對瀏覽者來說算是一個貼心的小功能！
這樣讓我想起之前在國外網站也有看到一個這種功能的教學(連結)
所以我打算實作一次，把這個功能加到我的部落格^^
(Read More...)

Posted by chenshin0719 at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(855)

▲top