摘要: 效果如下: 要求:点击上边的多选按钮,下边的多选按钮和上边的一致,点击下边的多选按钮,判断所有的多选按钮是否全部被选定,只有全部被选定,上边的才选定 代码如下: 阅读全文
posted @ 2018-01-29 13:02 乖乖乖码 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 效果图如下: 代码如下: 阅读全文
posted @ 2018-01-26 11:36 乖乖乖码 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 效果如下: 要求:点击某张图片就让它高亮显示,而其余的图片还是未点亮状态 代码示例: a标签的href路径,我这里写的是javascript:void(0),这样写的目的是点击这个超链接之后却不跳转,如果用的是#,点击超链接之后,页面会跳转到本页面的顶部. 阅读全文
posted @ 2018-01-25 13:46 乖乖乖码 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 效果图如下: 需求:点击左右按钮实现旋转木马原理:点击右侧按钮,把3号的样式给2号,2号的给1号,1号的给5号,5号的给4号,4号的样式给3号步骤:1.鼠标放上去左右按钮显示,移开就隐藏2.让页面加载出所有盒子的样式3.把两侧按钮绑定事件(调用同一个方法,只有一个参数,true为正向旋转,false 阅读全文
posted @ 2018-01-23 16:21 乖乖乖码 阅读(2233) 评论(0) 推荐(0) 编辑
摘要: 效果展示: 需求:鼠标放入到li中该盒子变宽,其他盒子变窄,移开大盒子,恢复原样,手风琴效果步骤:1.给li添加背景2.绑定onmouseover事件,鼠标放入到li中该盒子变宽,其他盒子变窄3.移开大盒子,恢复原样 代码示例: 图片啥的就不上传了,自己找几张图片,修改下大小就行了 阅读全文
posted @ 2018-01-22 16:33 乖乖乖码 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 效果如下: 代码如下 阅读全文
posted @ 2018-01-15 14:29 乖乖乖码 阅读(743) 评论(0) 推荐(0) 编辑
摘要: 效果图如下: 需求:鼠标放到小盒子上,让大盒子里面的图片和我们同步等比例移动技术点:onmouseenter==onmouseover 第一个不冒泡技术点:onmouseleave==onmouseout 第一个不冒泡步骤:1.鼠标放上去显示盒子,移开隐藏盒子2.老三步和新五步(灰盒子跟随移动)3. 阅读全文
posted @ 2018-01-15 13:35 乖乖乖码 阅读(710) 评论(0) 推荐(0) 编辑
摘要: js表单验证是目前前端必不可少用到的检测方法,现在我就发一下我用到的常见的几种,例如,姓名验证,手机号验证,邮箱验证,用户名验证,密码验证,确认密码验证,用到了正则表达式,下面是一套完整的网页代码~ js代码: css代码: html: 阅读全文
posted @ 2018-01-11 10:42 乖乖乖码 阅读(960) 评论(0) 推荐(0) 编辑
摘要: 需求:在指定位置按住鼠标左键移动对话框分析:鼠标按下(获取鼠标在盒子中的位置)。触动事件(获取鼠标的位置),移动在更换对话框的位置(盒子在页面中的位置=鼠标的位置-鼠标在盒子中 的距离)鼠标按下onmousedown 鼠标弹起:onmouseup 鼠标移动:onmousemove步骤:1.老三步和新 阅读全文
posted @ 2018-01-03 14:26 乖乖乖码 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 1.window.getSelection IE9、Firefox、Safari、Chrome和Opera支持window.getSelection 2.document.selection IE9以下支持:document.selection 禁止文本框选中:兼容写法 window.getSele 阅读全文
posted @ 2018-01-03 13:33 乖乖乖码 阅读(152) 评论(0) 推荐(0) 编辑