JavaScript
关注
分享
扫一扫
御剑把酒听秋雨丶
这个作者很懒，什么都没留下…
展开
-
Uncaught TypeError: Cannot read property 'click' of null
问题描述从错误提示来看，表示“未捕获错误类型：无法读取空的属性“click””，可以知道监听click事件的对象没有获取到。举个栗子：$("p").click(function () { console.log(123)})也就是说上面的 $("p") 为 null，获取不到对象。分析一般情况下都是 jQuery 的 $ 方法被覆盖。解决方案把 $ 改为 jQuery ...原创 2020-04-23 15:19:02 · 4797 阅读 · 0 评论 -
鼠标点击特效 - 心形
放在页脚html处<script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function ($) { $("body").click(function (e) { {#var a = new Array("❤富强❤...转载 2020-03-12 15:21:10 · 412 阅读 · 0 评论 -
JavaScript 音乐导航(缓动动画、会唱歌的导航)
效果展示鼠标在导航栏上移动，每一项发出一种音符(do re mi fa so la xi)，同样键盘上的1-7数字也可以有同样的效果。资源下载音乐导航(缓动动画、会唱歌的导航)代码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-04-01 16:37:59 · 641 阅读 · 0 评论 -
JavaScript 无限轮播效果
效果展示原理图片说明原理轮播顺序：1–>2–>3–>4–>5–>1的副本–>2–>3–>4–>5–>1的副本–>2…一直循环鼠标进入图片时自动轮播暂停，离开后恢复资源下载无限轮播代码<!DOCTYPE html><html lang="en"><head> &l...原创 2019-03-27 15:20:11 · 605 阅读 · 0 评论 -
JavaScript 联动效果(缓动动画)
效果展示资源下载联动效果(缓动动画)代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>联动特效</title> <style> * { margin...原创 2019-03-31 17:04:51 · 459 阅读 · 0 评论 -
JavaScript 基本动画原理-封装
效果展示资源下载基本动画原理－封装代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本动画原理-封装</title> <style> * { ma...原创 2019-03-26 12:55:58 · 222 阅读 · 0 评论 -
JavaScript 选中内容分享到微博、QQ空间
效果展示选中内容弹出分享菜单点击新浪图标分享到微博点击QQ空间图标分享到QQ空间资源下载选中内容分享到微博、QQ空间index.html 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选中内容分享</...原创 2019-03-25 15:51:38 · 354 阅读 · 0 评论 -
JavaScript 放大镜特效
效果展示页面布局资源下载放大镜特效目录布局index.html 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜特效</title> <style原创 2019-02-19 14:54:40 · 771 阅读 · 0 评论 -
JavaScript 天猫弹性导航
JavaScript 天猫弹性导航效果如下，天猫logo会跟着鼠标移动，当点击鼠标后，该logo会停留在该分类上。资源下载：天猫弹性导航目录布局如下：index.html 代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta cha原创 2019-02-12 22:58:11 · 413 阅读 · 0 评论 -
JavaScript 照片墙特效
照片随机旋转、随机倾斜，点击照片后居中放大展示。效果展示：初始情况：点击照片后：资源下载：照片墙特效index.html 代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>照片墙特效<原创 2019-02-11 22:36:47 · 1390 阅读 · 0 评论