JS小功能
文章平均质量分 58
香雪儿sofia
射手座的娃,前端攻城狮
展开
-
DOM事件探秘之三_QQ面板拖拽效果
注意点: 在标题区按下-在页面移动-释放鼠标时停止移动 onmousedown:用户按下任何鼠标按钮时触发 onmousemove:当鼠标指针在元素内部移动时触发 onmouseup:当用户释放鼠标按钮时触发 鼠标的光标位置获取:clientX和clientY属性,所有浏览器都支持这两个属性。 保持鼠标与面板的相对位置关系,按下时在哪,松开鼠标时光标还在那 移原创 2016-01-11 20:15:04 · 470 阅读 · 0 评论 -
DOM事件探秘之三-键盘事件
键盘事件 keyDown:按下任意字符键事触发,如果按着不放会重复触发此事件; keyPress:按下任意字符键事触发,如果按着不放会重复触发此事件; keyUp:松开时触发的事件。 本次预期是实现一个抽奖的小功能,当鼠标点击开始或者第一次按下回车键时,系统开始抽奖;鼠标点击结束或者第二次按下回车键时,停止抽奖。 实现效果: 【HTML结构】 <body> <di原创 2016-01-18 14:58:30 · 1894 阅读 · 0 评论 -
DOM 事件下拉菜单实例
实现下图所示的菜单效果,实现点击菜单中的向下三角展开菜单,点击页面空白处收起菜单,按下键盘上的向上、向下方向键可以选中对应的选项,鼠标点击或按下回车键将当前高亮的选项内容设为菜单的标题 任务 一、 点击菜单中的向下三角展开菜单 提示: 点击三角时需阻止事件冒泡 二、 展开菜单之后,在document对象上绑定keyup事件,按下向下方向键,选中下一个选项,按下向上方向键,选中上原创 2016-01-18 15:51:40 · 1001 阅读 · 0 评论 -
JavaScript写的图片库功能(小图变大图查看浏览)
图片库 期望: 当点击小图时,能留在这个页面而不是转到另一个窗口;当点击小图时,能够在本页面的下面大图显示;当点击小图时,在大图的下面能够显示图片的相关信息。 最终实现效果: --------------------------------------------------------------------------------------------原创 2015-12-03 14:56:59 · 1021 阅读 · 0 评论