自丢网

标题: 鼠标特效，点击鼠标弹出富强民主等效果JS代码教程 [打印本页]

---

作者: admin    时间: 2019-6-7 22:08
标题: 鼠标特效，点击鼠标弹出富强民主等效果JS代码教程
鼠标特效，“富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善，点击弹出显示效果代码：
(, 下载次数: 331)

上传

点击文件名下载附件

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
技术学习教程网，支持一下。

---

欢迎光临 自丢网 (https://www.zidiu.com/)

Powered by Discuz! X3.5