当前位置:LaySNS首页 > 程序发布

添加鼠标点击特效

楼主:ziwei 时间:2018-08-12 12:27:16 点击:2872 回复:5

详细代码看附件   帖子里发布出来的不全面




cms页的路径   template /c_default /html/index_footer.html

bbs页的修改路径  template /b_default /html/index_footer.html

演示站 http://lun.ziwei520.cn

在这个两个文件的最后加上如下代码

/* 鼠标特效 */

var

 a_idx =

0;

 jQuery(document).ready(function($)

{

 $("body").click(function(e)

{

var

 a =

new

Array("富强",

"民主",

"文明",

"和谐",

"自由",

"平等",

"公正"

,"法治",

"爱国",

"敬业",

"诚信",

"友善");

var

 $i =

 $("").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();

});

});

});


下载地址 (评论后方可下载)

作者: 云阳 时间:2018-06-14 17:11:41

将相关代码打包成附件最好!谢谢!

作者: h1764305279 时间:2018-11-03 11:29:32

怎么弄啊

作者: ym逸梦 时间:2019-01-03 17:32:18

不错不错。谢谢分享!

0.119656s