分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

js-----博客园鼠标点击特效

发布时间:2023-09-06 02:34责任编辑:沈小雨关键词:js

把以下代码放到页首Html代码里,或者页脚Html代码(设置--->页首/脚Html代码)里。如下图:

<script type="text/javascript">/* 鼠标特效 */var a_idx = 0;jQuery(document).ready(function($) { ???$("body").click(function(e) { ???????var a = new Array("?","?","?","?","?","?","?","?","?","?","?","?"); ???????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(); ???????}); ???});});</script>

原文:https://www.cnblogs.com/wkfvawl/p/9414180.html

js-----博客园鼠标点击特效

原文地址:https://www.cnblogs.com/xiaodai0/p/10448573.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved