MENU

[富强,富国,民主...]网页点击效果代码分享

July 23, 2019 • Read: 188 • 技术

投屋云服务器

效果图

富强点击效果图

最近很多网页,论坛都有这个效果,看起来很炫,在此将代码展示如下:

<script type="text/javascript"> / 鼠标特效 / 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": 99999999999999999999999999999999999, "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(); }); }); }); </script> <script
type="text/javascript">

如果出现不显示效果的情况,因为此代码基于jquery,请在网页头部加入如下代码:

<scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

感谢支持!

Last Modified: July 26, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code