1. 程式人生 > 實用技巧 >轉:滑鼠點選網頁愛國富強民主特效

轉:滑鼠點選網頁愛國富強民主特效

有朋友經常問,網站上點擊出現愛國字眼是怎麼做出來的,滑鼠點選就顯示“富強、民主、和諧”等24個詞語,這樣滑鼠點選特效。下面來分享一下如何實現的。

1,效果如下:

新增頁面點選特效,點選頁面會顯示:“富強”, “民主”, “文明”, “和諧”, “自由“, “平等”, “公正” ,“法治”, “愛國”, “敬業”, “誠信”, “友善”; 可以來SEO研究中心論壇看效果。

2,實現方法

通過一段JS在網頁中載入呼叫就行了,程式碼如下:

 1 var a_idx = 0;
 2 jQuery(document).ready(function($) {
 3     $("body").click(function(e) {
 4     var a = new Array("富強", "民主", "文明", "和諧", "自由", "平等", "公正" ,"法治", "愛國", "敬業", "誠信", "友善");
 5     var $i = $("<span/>").text(a[a_idx]);
 6     a_idx = (a_idx + 1) % a.length;
7 var x = e.pageX, 8 y = e.pageY; 9 $i.css({ 10 "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 11 "top": y - 20, 12 "left": x, 13 "position": "absolute", 14 "font-weight": "bold", 15 "color": "#ff6651" 16
}); 17 $("body").append($i); 18 $i.animate({ 19 "top": y - 180, 20 "opacity": 0 21 },1500,function() { 22 $i.remove(); 23 }); 24 });

文章轉載自:https://www.ainiseo.com/jianzhan/plugins/4477.html