JS基本特效 6个js页面效果图

<table border oncontextmenu=return(false)><td>no</table>//1.彻底屏蔽鼠标右键
<body onselectstart="return false">                     //2.取消选取、防止复制
<noscript><iframe src="/blog/*.html>";</iframe></noscript>//3.网页不能被另存为
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000"></textarea>//4.横线文本框
<body onblur="this.focus();">//5.让弹出窗口总是在最上面
<input onkeydown="if(event.keyCode==13)event.keyCode=9">//6.点击enter按键后把光标移动到下一个文本框

高级特效(需要jQuery)

//7.页面点击特效
var a_idx = 0;
        jQuery(document).ready(function($) {
            $("body").click(function(e) {
                var a = new Array("❤不做咸鱼!❤","❤拒绝懒惰!❤","❤想做吃货❤","❤拒绝单身❤","❤向大佬学习❤","❤扶我起来~❤","❤come on❤","❤一直在路上~❤","❤累了~❤","❤再趴一会❤","❤66666❤","❤高兴的飞起*****❤");
                var $i = $("<span></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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
                });
                $("body").append($i);
                $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function() {
                    $i.remove();
                });
            });
        });

7.二次元人物

因网站平台所限,代码片段已经存入gitee,请跳转获取

留下评论

通过 WordPress.com 设计一个这样的站点
从这里开始