棉花糖88

2021年2月25日

摘要：图片放大镜用的就是这个思路 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, init 阅读全文

posted @ 2021-02-25 12:07 棉花糖88 阅读(121) 评论(0) 推荐(0) 编辑

禁止复制功能

摘要： 1）禁止复制功能 //1 禁止鼠标选中文字 document.onselectstart = function (e) { e.preventDefault(); } //2 禁止鼠标右键菜单 document.oncontextmenu = function (e) { e.preventDefa 阅读全文

posted @ 2021-02-25 11:46 棉花糖88 阅读(80) 评论(0) 推荐(0) 编辑

2021年2月24日

常用事件

摘要： //鼠标事件 onclick 鼠标点击右键触发 onmouseover 鼠标经过触发 onmouseout 鼠标离开触发 onfocus 获得鼠标焦点触发 onblur 失去鼠标焦点触发 onmousemove 鼠标移动触发 onmouseup 鼠标弹起触发 onmousedown 鼠标按下触发阅读全文

posted @ 2021-02-24 19:55 棉花糖88 阅读(49) 评论(0) 推荐(0) 编辑

event_5：常用鼠标事件 + MouseEvent对象

摘要：常用鼠标事件 onclick 当用户点击某个对象时调用的事件句柄。 2 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事件句柄。 2 onmousedown 鼠标按钮被按下。 2 onmouseenter 当鼠标指针移动到元素上时阅读全文

posted @ 2021-02-24 18:13 棉花糖88 阅读(470) 评论(0) 推荐(0) 编辑

排他思想

摘要： 1）排他思想 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //1 获取所有按钮元素 var btns 阅读全文

posted @ 2021-02-24 11:42 棉花糖88 阅读(107) 评论(0) 推荐(0) 编辑

分时问候

摘要： //核心思路 //1 需要得到系统时间 //2 用多分支设置不同的图片个问候语 //3 修改图片的src属性 //4 div来存放问候语修改里面的内容 //1 获取页面元素 var img = document.getElementsByTagName('img');//得到图片元素对象 var 阅读全文

posted @ 2021-02-24 11:16 棉花糖88 阅读(67) 评论(0) 推荐(0) 编辑

点击按钮表单的值改变

摘要： <button id="btn">按钮</button> <input type="text" value="请输入内容"> <script> //需求: 点击按钮表单里面的值改变 //1 获取元素 var btn = document.querySelector('#btn'); var inp 阅读全文

posted @ 2021-02-24 11:13 棉花糖88 阅读(176) 评论(0) 推荐(0) 编辑

密码框格式提示错误信息

摘要：用户如果离开密码框，里面输入个数不是6~16，则提示错误信息，否则提示输入正确信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w 阅读全文

posted @ 2021-02-24 11:11 棉花糖88 阅读(447) 评论(0) 推荐(0) 编辑

显示隐藏文本框内容

摘要：当鼠标点击文本框时，里面的默认文字隐藏，当鼠标离开文本框时，里面的文字显示。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文

posted @ 2021-02-24 11:00 棉花糖88 阅读(417) 评论(0) 推荐(0) 编辑

循环精灵图

摘要：可以利用 for 循环设置一组元素的精灵图背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal 阅读全文

posted @ 2021-02-24 10:58 棉花糖88 阅读(121) 评论(0) 推荐(0) 编辑

公告