Web 添加最近很火 有意思的特效

鼠标点击网页特效

<script type="text/javascript" src="/jquery.js" ></script>
<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": 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();
        });
    });
});
</script>

输入框震动效果【Input】


<script src="activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; // 控制开启/开启礼花特效  
POWERMODE.shake = false; // 控制开启/关闭屏幕震动特效  
document.body.addEventListener('input', POWERMODE);
</script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,342评论 25 709
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 5,040评论 0 1
  • Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS...
    VVictoriaLee阅读 5,458评论 0 1
  • 娘亲没多少文化!但是娘亲有一颗爱你的心!娘亲争取每天陪你阅读半小时! 第二本书结束了!咱娘俩得再选一本 书读完...
    朱月俩丫头的娘亲阅读 1,355评论 0 0
  • 最大的敌人莫过于自我, 最大的缺点莫过于知错未改, 谁都不是生下来就是天才, 成功就要战胜自我,跨越坎坷。 高中三...
    烟神阅读 1,373评论 0 0

友情链接更多精彩内容