在網頁中加入 icon 小圖示

在網頁中加入icon (如圖)

1.
製作一個16*16px 或 32*32px 的圖片,將圖片轉存成 icon格式,但icon的圖片格式必需為.icon的格式,其餘檔案格式則無法正確顯示icon,圖片轉存 icon 的方式請見文章下方延伸閱讀。

2.
在 head 中加入下方link標籤,紅色為 icon 圖片路徑,相對路徑絕 / 對路徑都可,但icon的圖片格式必需為.icon的格式,其餘檔案格式則無法顯示icon

<head>
    <link href=”templates/img/icon.ico” rel=”Shortcut Icon” type=”image/x-icon”></link>
</head>

延伸文章:
Photoshop支援ico檔 – Photoshop直接另存ico檔

[……]

閱讀更多

Photoshop支援ico檔 – Photoshop直接另存ico檔

網頁中要加入icon小圖示的HTML語法,請見文章下方延伸文章。

1.下載 PS ico編碼的 plug-in
http://www.telegraphics.com.au/sw/
選擇PS的版本下載32bit/64bit都有支援

2.
解壓縮後複製 ICOFormat64.8bi 檔
貼到 C:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Plug-ins ( 以Photoshop CS6為例 )。
有的版本資料夾名稱可能是 ( 增效模組 或 Plug-ins )

3.
完成後請重新啟動Photoshop,在另存新檔的地方就有.ICO的檔案格式了。

[……]

閱讀更多

jQuery 按Enter submit送出表單並清除系統音效

$(“#form”).keypress(function(event) { if (event.which == 13){ event.preventDefault(); $(this).submit(); } }); 加event.preventDefault();可清除瀏覽器Enter的預設事件~ 按下Enter送出表單時才不會觸發「噹」的系統音效~[……]

閱讀更多

jQuery MaxImage 2.0 random option not randomizing the first image 第一張圖無法隨機

在MaxImage 2中幻燈片切換的特效是使用jQuery Cycle Plugin,
而在MaxImage 2下載的Demo中引入的是jQuery Cycle Version: 2.9998版本,
第一張圖無法隨機,應該是jQuery Cycle Version: 2.9998版的bug,
更新jQuery Cycle Plugin至最新版本就可以解決^^

Should be a bug
Please download the latest version
jQuery Cycle Plugin
http://jquery.malsup.com/cycle/download.html

[……]

閱讀更多

jQuery Cycle Plugin random option not randomizing the first image 第一張圖無法隨機

應該是bug, dowload最新版本即可解決

Should be a bug
Please download the latest version
jQuery Cycle Plugin
http://jquery.malsup.com/cycle/download.html[……]

閱讀更多

jQuery animate easing 速查表

這是一個非常好用的工具,大部份的時候我們很難用文字來形容jQuery中動畫的Easing效果,下列這個網頁把所有Easing效果整理出來用波型圖片來讓大家一眼就了解動畫的效果,另外如果圖片看起來還不夠清楚,滑鼠滑過圖片上方會出現一個紅色鍵頭,即可看到動畫的動態效果。

[……]

閱讀更多