鼠标点击网页空白处显示文字特效代码分享
js代码
var f_idx = 0; var c_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var font = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); var color = new Array('#15c791'); var size =18; var $i = $("<span />").text(font[f_idx]); f_idx = (f_idx + 1) % font.length; c_idx = (c_idx + 1) % color.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 99999999999999999999999999999999999999999999999999999999999999999999999999 , "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": color[c_idx] }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); });
引用方法
创建一个js文件,例如texiao.js,然后将以上代码复制到js文件中,在网站公共文件(head或者footer)引用,引用代码:<script type="text/javascript" src="/texiao.js"></script>
原创文章,作者:NHSEO,如若转载,请注明出处:http://www.seoyhjc.com/daima/83.html
-- 展开阅读全文 --