MENU

鼠标点击特效

• 2018 年 11 月 20 日 • 阅读: 228 • 源码

放在该放的地方✨✨✨✨✨

☀️当然是放在footer或是head标签之间啦。

<script type="text/javascript"> /* 鼠标特效 */ 
       function getColorRandom(){  
            var c="#";  
            var cArray=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];  
            for(var i=0;i<6;i++){  
              var  cIndex= Math.round(Math.random()*15);  
                c+=cArray[cIndex];  
            }  
            return c;  
        }  
var a_idx = 0; jQuery(document).ready(function($)
{ 
  $("body").click(function(e){
  var a = new Array(
"富强", "民主", "文明", "和谐", 
"自由", "平等", "公正", "法治", 
"爱国", "敬业", "诚信", "友善"
);
  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":getColorRandom()});       
  $("body").append($i);
  $i.animate({
  "top": y - 180, "opacity": 0}, 1500,
   function() { $i.remove(); }); }); }); 
</script>
- - - The END - - -
  • 文章标题:鼠标点击特效
  • 文章链接:https://gxusb.com/clickc-texiao-01.html
  • 版权所有:本文版权归 Get-林林小窝 所有,转载请注明出处!除特殊注明外(如有侵权,请联系 gxggxl@qq.com ),本站原创内容均采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可
  • 广告

    返回文章列表 文章二维码 打赏
    本页链接的二维码
    打赏二维码