表情圖示是比單純的文字更能表達情緒的，但一般都是要手動插入圖片的。如果你像筆者一樣懶惰的話，可試著加入 JSmile for jQuery 套件。它內建了約 24 組不同的表情圖示，使用時只要指定的區塊有設定好的內容就會自動轉換囉。
套件名稱：JSmile for jQuery
套件版本：0.4
作者網站：http://webreflection.blogspot.com/
套件網址：http://plugins.jquery.com/project/JSmile
發佈日期：2008-09-12
檔案大小：13.1 KB
檔案下載：jSmile.js
參數說明：
檢視原始碼 JavaScript
1 2 3 | show(選填) 描述： 是否要啟用表情圖示的轉換 預設值： true |
方法說明：
檢視原始碼 JavaScript
1 2 | // 轉換指定區塊中的表情圖示 $(selector).smile([show]); |
使用範例：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jSmile.js"></script> <script type="text/javascript"> $(function(){ // 預設只能顯示 20 個 也可增加 $.fn.smile.max = 30; // 讓 .smile 區塊加入表情圖示 $('.smile').smile(); }); </script> <body> <h3>原文</h3> <div class="normal">這是一篇文章，其中會用到一些表情圖示，像是:arrow: :cry: :evil: :geek: :idea: :lol: :mrgreen: :oops: :roll: :shock: :twisted: :ugeek: 8-) :o :x :| :!: :( :) :?: :? :D :P ;)</div> <h3>加上表情</h3> <div class="smile">這是一篇文章，其中會用到一些表情圖示，像是:arrow: :cry: :evil: :geek: :idea: :lol: :mrgreen: :oops: :roll: :shock: :twisted: :ugeek: 8-) :o :x :| :!: :( :) :?: :? :D :P ;)</div> </body> |