摘要: 一、jQuery好处: ①写得少,做的多 ②链式编程 ③隐式迭代 ④解决兼容性问题 二、顶级对象 Dom中的顶级对象:document >页面中的顶级对象 document.点出来的是Dom中的属性和方法 Bom中的顶级对象:window >浏览器中的顶级对象 window.点出来的是浏览器的属性和 阅读全文
posted @ 2019-01-15 15:39 笑苍茫 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 放大镜效果需求: 鼠标放入原图中,会出现一个黄色的遮盖层和一个放大的图片,鼠标移动时候,遮盖层会跟着鼠标一起移动,同时放大的图片会跟着一起移动。 实现过程: 1.鼠标移入,遮盖层和大图片显示 2.鼠标离开,遮盖层和大图片隐藏 3.鼠标移动的时候,遮盖层和鼠标对应移动 4.遮盖层移动时候,大图片跟着移 阅读全文
posted @ 2019-01-15 10:16 笑苍茫 阅读(769) 评论(0) 推荐(0) 编辑
摘要: web开发中浏览器对象封装了诸如prompt、alert、confirm等弹出框,但是有的弹出框并不能满足开发需要,需要我们自己定义弹出框,诸如用户登陆框、消息提示框等。本文利用弹出用户登陆框示例,对这部分知识做个小结。 示例需求:点击按钮,弹出登陆窗口,且该窗口可以拖拽,弹出窗口的同时,整个页面变 阅读全文
posted @ 2019-01-14 11:48 笑苍茫 阅读(10502) 评论(1) 推荐(1) 编辑
摘要: 界面如图所示: 要求:在“信息注册”栏,按下鼠标,然后鼠标在页面移动,在鼠标移动过程中,该窗口跟着鼠标移动,当鼠标松开的时候,窗口停止移动。点击“关闭”,该窗口隐藏。 实现思路: 1.页面结构分析:一个大盒子d-box来确定位置,里面放一个小盒子drop(存放“注册信息(可以拖拽”文字和span标签 阅读全文
posted @ 2019-01-11 11:19 笑苍茫 阅读(2664) 评论(1) 推荐(1) 编辑
摘要: setTimeout() 可以理解为 定时炸弹 >隔一段事件执行,并且只会执行一次 函数语法: setTimeout(参数1,参数2) 参数1:待执行的函数,可以在方法里面写匿名函数,也可以在外面写好函数,这里直接传入函数名 参数2:执行函数触发到执行的时间间隔,单位是毫秒 1s=1000ms 返回 阅读全文
posted @ 2019-01-10 17:37 笑苍茫 阅读(487) 评论(0) 推荐(0) 编辑
摘要: 1.onload事件 onload,页面加载后执行,所谓页面加载完成,指页面上所有的元素创建完毕,引用的所有的外部资源(js、css、图片)等下载完毕。 所以onload执行的比较晚,因为如果页面上有好多好多图片,它需要等这些图片完成下载后才能执行。而写在body后的< script >< /scr 阅读全文
posted @ 2019-01-10 17:14 笑苍茫 阅读(512) 评论(0) 推荐(0) 编辑
摘要: 在web网页中,尤其是某些提交表单操作,需要验证文本框输入内容,本文利用文本框键盘事件和事件对象,对文本框只允许输入数字方法进行总结。 1.键盘事件 keydown >键盘按下事件 keydown的时候,我们所按的键并没有落入文本框 keyup >键盘弹起事件 keyup的时候,我们所按的键已经落入 阅读全文
posted @ 2019-01-10 16:38 笑苍茫 阅读(1131) 评论(0) 推荐(0) 编辑
摘要: 分析: 外层边框是浏览器边框,内部盒子是页面的一个盒子,绿点是盒子中鼠标的位置。鼠标相对盒子边框的坐标=页面中(注意不是浏览器)鼠标坐标-盒子相对于浏览器边框的偏移量 第一步:求浏览器边框位置 x=element.offsetLeft; y=element.offsetTop; 代码如下: 第二步: 阅读全文
posted @ 2019-01-10 15:45 笑苍茫 阅读(886) 评论(0) 推荐(0) 编辑
摘要: 在类似于arcgis api for javascript中,经常会遇到function(e),以前一直不懂e是个什么玩意,这种写法啥意思,经过最近一段时间学习,对e有了很深了解,本文通过各种示例,由事件阶段 事件委托 事件对象逐个总结,最后对e的各种属性,应用加以实践。 ************* 阅读全文
posted @ 2019-01-10 10:00 笑苍茫 阅读(10402) 评论(0) 推荐(0) 编辑
摘要: 在网页开发中,常常遇见这种问题,给定两个框,A和B,和几个图片按钮,A中存在几个操作,点击图片按钮,填加至B中,或者从B中移除等,这种效果如何实现,本文加以总结。 几种效果图如下: 原始图: 添加全部功能图: 移除全部功能图: 添加选中功能图: 移除选中功能图: 实现思路: 1、首先要做出这种效果图 阅读全文
posted @ 2019-01-09 15:54 笑苍茫 阅读(1424) 评论(0) 推荐(0) 编辑