一個有意思的鼠標點擊文字特效jquery代碼
更新時間:2017年09月23日 13:57:16 投稿:mdxy-dxy
這篇文章主要介紹了一個有意思的鼠標點擊文字特效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)鼠標獲取選中的文字示例【測試可用】
相關文章
jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
這篇文章主要介紹了jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法,涉及jQuery鍵盤事件及頁面元素的相關操作技巧,需要的朋友可以參考下2015-05-05
JQuery 改變頁面字體大小的實現(xiàn)代碼(實時改變網(wǎng)頁字體大小)
分別定義三個class為increaseFont、decreaseFont、resetFont 的元素。為其click事件添加事件2012-03-03
jQuery 同時獲取多個標簽的指定內(nèi)容并儲存為數(shù)組
這篇文章主要介紹了jQuery 同時獲取多個標簽的指定內(nèi)容并儲存為數(shù)組的相關知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
動態(tài)調(diào)用css文件——jquery的應用
這篇文章主要介紹了動態(tài)調(diào)用css文件——jquery的應用2007-02-02
jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效
這篇文章主要介紹了jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關使用技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05

