请选择 进入手机版 | 继续访问电脑版

鼠标特效,点击鼠标弹出富强民主等效果JS代码教程

[复制链接]
查看2854 | 回复1 | 2019-6-7 22:08 | 显示全部楼层 |阅读模式
鼠标特效,“富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善,点击弹出显示效果代码:

鼠标特效,点击鼠标弹出富强民主等效果JS代码教程

鼠标特效,点击鼠标弹出富强民主等效果JS代码教程


  1. <script type="text/javascript">/* 鼠标特效 */
  2. var a_idx = 0;jQuery(document).ready(function($) {    $("body").click(function(e) {        
  3. var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");        
  4. var $i = $("<span />").text(a[a_idx]);        a_idx = (a_idx + 1) % a.length;        
  5. 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>
复制代码
插件显示效果:
鼠标特效弹出富强民主等修罗插件 for xiuno 4.0以上版本
建议安装插件便于管理操作。
乐乐 | 2019-8-20 01:37 | 显示全部楼层
技术学习教程网,支持一下。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16