一個有意思的鼠標點擊文字特效jquery代碼
今天在【幻想's Blog】看到一段比較喜歡的鼠標點擊文字特效JS代碼,感覺很不錯就用到博客上來了!喜歡的站長也可以用一下感覺一下!
只需將如下JS代碼放到</body>
之前即可。
<script type="text/javascript"> /* 鼠標特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富強", "民主", "文明", "和諧", "自由", "平等", "公正" ,"法治", "愛國", "敬業(yè)", "誠信", "友善"); var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>
不知道為啥, WordPress 可以使用的JS代碼放到 Typecho 里都失效了,郁悶呀!
這個效果一般大網(wǎng)站就不用了,一般用于個人博客還是不錯的。
- JS獲取鼠標選中的文字
- js實現(xiàn)鼠標懸停圖片上時滾動文字說明的方法
- js實現(xiàn)文字垂直滾動和鼠標懸停效果
- js實現(xiàn)鼠標滑過文字鏈接色彩變化的效果
- jQuery實現(xiàn)表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的代碼
- jQuery實現(xiàn)鼠標經(jīng)過時出現(xiàn)隱藏層文字鏈接的方法
- jQuery實現(xiàn)鼠標單擊網(wǎng)頁文字后在文本框顯示的方法
- jQuery實現(xiàn)鼠標選中文字后彈出提示窗口效果【附demo源碼】
- jQuery+css3實現(xiàn)文字跟隨鼠標的上下抖動
- jQuery實現(xiàn)鼠標選文字發(fā)新浪微博的方法
- javascript(基于jQuery)實現(xiàn)鼠標獲取選中的文字示例【測試可用】
相關(guān)文章
jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
這篇文章主要介紹了jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法,涉及jQuery鍵盤事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05JQuery 改變頁面字體大小的實現(xiàn)代碼(實時改變網(wǎng)頁字體大小)
分別定義三個class為increaseFont、decreaseFont、resetFont 的元素。為其click事件添加事件2012-03-03jQuery 同時獲取多個標簽的指定內(nèi)容并儲存為數(shù)組
這篇文章主要介紹了jQuery 同時獲取多個標簽的指定內(nèi)容并儲存為數(shù)組的相關(guān)知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11動態(tài)調(diào)用css文件——jquery的應(yīng)用
這篇文章主要介紹了動態(tài)調(diào)用css文件——jquery的應(yīng)用2007-02-02jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效
這篇文章主要介紹了jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05