JS点击页面出现赞效果

JS点击页面出现赞效果，点击页面任何地方出现随机的数字向上漂浮效果，挺炫的一种效果。

完整代码：

		<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

		<script>

		jQuery(document).ready(function($) {

		    $("html,body").click(function(e) {

		        var n = Math.round(Math.random() * 100); //随机数

		        var $i = $("<b/>").text("+" + n); //添加到页面的元素

		        var x = e.pageX,

		        y = e.pageY; //鼠标点击的位置

		        $i.css({

		            "z-index": 99999,

		            "top": y - 20,

		            "left": x,

		            "position": "absolute",

		            "color": "#E94F06"

		        });

		        $("body").append($i);

		        $i.animate({

		            "top": y - 180,

		            "opacity": 0

		        },

		        1500,

		        function() {

		            $i.remove();

		        });

		        e.stopPropagation();

		    });

		});

		</script>

效果截图：

&lt;title&gt;JS点击页面出现赞效果&lt;/title&gt;
&lt;script src=&quot;http://libs.baidu.com/jquery/1.9.0/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
jQuery(document).ready(function($) {
    $(&quot;html,body&quot;).click(function(e) {
        var n = Math.round(Math.random() * 100); //随机数
        var $i = $(&quot;&lt;b/&gt;&quot;).text(&quot;+&quot; + n); //添加到页面的元素
        var x = e.pageX,
        y = e.pageY; //鼠标点击的位置
        $i.css({
            &quot;z-index&quot;: 99999,
            &quot;top&quot;: y - 20,
            &quot;left&quot;: x,
            &quot;position&quot;: &quot;absolute&quot;,
            &quot;color&quot;: &quot;#E94F06&quot;
        });
        $(&quot;body&quot;).append($i);
        $i.animate({
            &quot;top&quot;: y - 180,
            &quot;opacity&quot;: 0
        },
        1500,
        function() {
            $i.remove();
        });
        e.stopPropagation();
    });
});
&lt;/script&gt;
&lt;p&gt;请用鼠标左键点击页面查看效果&lt;/p&gt;

随机推荐

JS判断手机访问跳转到手机站使用百度uaredirect.js
使用了百度SIteApp提供的一个判断手机访客的js代码uaredirect.js，来实现当用户使用手机访问我们的PC站的时候自动跳转到我们的手机站。用法非常简单：第一段是引用百度的uaredirect.js，本人还是喜欢将代码保存到本地，代码量也不是很大。第二段是使用代
JS判断手机访问函数
函数is_mobile()手机端返回true，PC端返回false，根据返回值来判断时候是手机端访问，然后做相应的操作。复制代码代码如下: script function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browse
空间绑定多个域名添加统计代码的方法
医疗建站中很多时候我们会在一个空间上绑定多个域名，但是希望给每个域名单独添加统计代码，下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。其实只需要通过JS来判断当前的网页域名，根据域名的不同输出不同的统计代码即可；复制代码代码如
JS阻止浏览器返回代码
一段可以阻止浏览器返回的代码，今天无意打开了一个网站，发现怎么也返回不了，仔细研究了一下网站代码找到了无法返回的原因，于是将这段代码提取出来了。仅供大家学习交流，请勿使用在自己的网站上，这算是一种比较流氓的行为。
JS判断手机端跳转代码
JS判断手机端跳转代码复制代码代码如下: var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf(Trident) -1, //IE内核 Opera: u.indexOf(Opera) -1, //ope

JS点击页面出现赞效果

相关文章

随机推荐