轉:滑鼠點選網頁愛國富強民主特效
阿新 • • 發佈:2020-09-11
有朋友經常問,網站上點擊出現愛國字眼是怎麼做出來的,滑鼠點選就顯示“富強、民主、和諧”等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