![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
xiaomo_ay
web前端初学、欢迎交流
展开
-
封装类名
封装类名封装类名需要考虑:1.getElementsByClassName浏览器兼容;2.id里面的类名,没有id里面的类名;3.类名很多个,不一定唯一;html部分// html<div id="box"> <div></div> &原创 2019-01-04 15:37:45 · 204 阅读 · 0 评论 -
注册时输入手机号规则
注册时输入手机号规则注册时输入手机号规则注册时,web端用户输入的手机号(案例手机号为中国手机号):1.必填;2.第一位必为1,第二位不能为0/1/2且总共11位数字;html部分// html<div class="form-item1"> <label id="sj-slc" for="">原创 2019-01-02 13:28:24 · 4339 阅读 · 0 评论 -
js 轮播图
轮播图一.轮播图需要考虑的问题:(目前案例是在有左右箭头,且存在轮播点的情况下)1.点击的元素为左右箭头,且轮播点2.自动轮播3.轮播图图片的出现方式4.浏览器的兼容问题div布局布局上,先布局2个盒子,一个用来装轮播的图片;另外一个用来装触发轮播的对象,本案例是轮播的点及左右箭头;另外,轮播的点,考虑js动态生成,方便删减;// html<div class="w-sli...原创 2019-01-12 17:00:27 · 213 阅读 · 0 评论 -
js数组、字符串操作总结
数组、字符串的创建一、JavaScript中创建数组常用两种方式:(一)使用 Array 构造函数:var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“星期日”,“星期一”,“星期二”,“星期三”,“星期四”,“星期五”,“星期六”); // 创建一...原创 2019-01-07 17:16:22 · 1849 阅读 · 0 评论 -
HTML5 拖拽事件总结
拖拽(Drag/Drop)是个非常普遍的功能。在使用电脑的过程中,拖放一个东西是相当常见。很多javascript都类似实现了相关的功能,例如,jQueryUI的draganddrop组件。在HTML5中,拖拽(draganddrop)成为了标准操作,任何元素都可以进行拖放。拖拽涉及的知识点在拖放的过程中会触发以下事件:在拖动目标上触发事件 (源元素): ondragstart - 用户开...原创 2019-01-18 15:12:07 · 5803 阅读 · 0 评论 -
js 事件对象Event与放大镜效果
Event对象一、Event对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细信息(包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器通过函数传递过来的。)都会被临时保存到一个...原创 2019-01-08 18:24:15 · 221 阅读 · 0 评论 -
js滚动条
水平滚动条拖动了才能拽动// html <div id="scroll"> <div id="bar"></div> <div id="mask"></div&原创 2019-01-09 18:02:27 · 432 阅读 · 0 评论 -
jQuery 省市选择
考虑的问题一.省市选择1.动态的生成对应的省市2.先生成对应的省3.当省的选择发生改变市,右边的选项也应当发生改变4.首次打开,默认触发绑定的事件,并且取消浏览器对这个事件的默认操作div布局// html<select name="province" id="province"></select><select name="city" id="c.原创 2019-01-16 12:33:36 · 683 阅读 · 1 评论