縱使 Blogger 每篇文章的頁尾,我在 Template 中都有使用 CSS 列一個 Button 可以回到頁首,但近來在回味以前的文章與照片時,發覺部份文章都"落落長",有時突然要返回頁首作其它瀏覽時,會發現有點不便(有點懶吧!),雖然這只要用滑鼠去點、或去拉就能返回的事,甚至可以利用鍵盤上的 Home 與 End 來實現,但總覺得不夠即時性,剛剛試著在後台加入一段語法,讓版面右下角有個固定 icon 可以直接點回頁首,隨手就將它筆記下來,語法如下:(在設計/網頁元素/新增小工具/HTLM與JS 內加入) : <a href="#" title="Top of this page"><img onmouseover="this.src='icon大圖位址'" src="icon小圖位址" onmouseout="this.src='icon小圖位址'"/></a> 一、Icon 圖是隨便在網路上找的(Free),感覺還可以,先試用看看,這邊有圖檔可以找 Iconfinder 。
二、語法內設定二張 icon ,一個大圖32*32px 另一為小圖16*16px,當滑鼠點到時,會顯示大圖,並顯示 title。 三、Icon 圖放置定位在:bottom:5px;right:260px; 可自行調整。 四、圖片位址一樣放置在自己的免費可外連空間內即可。 五、語法同樣適用於「回到頁尾」(#footer)或是「首頁」等其它連結…。 資料引自 : http://www.jijiong.net/2011/01/go-to-top.html
0 評論
發表回覆。 |
|
|
|
關於本站 |
關於站長謝謝查詢,稍後補充 !
|
聯絡我們 |
|
站長區 |
Copyright © 2013 醫訊站 Clinic24HK.Com. 版權所有 (欄位「醫療組織介紹」及其他連結版面資料除外) 歡迎轉載 (唯必須註明「資料引自 - 醫訊站: http://www.clinic24hk.com」+ 按此留言告知,敬請備悉,謝謝合作 ! )