xiaomo_ay-CSDN博客

原创 HTML5 拖拽事件总结

拖拽(Drag/Drop)是个非常普遍的功能。在使用电脑的过程中，拖放一个东西是相当常见。很多javascript都类似实现了相关的功能，例如，jQueryUI的draganddrop组件。在HTML5中，拖拽(draganddrop)成为了标准操作，任何元素都可以进行拖放。拖拽涉及的知识点在拖放的过程中会触发以下事件：在拖动目标上触发事件 (源元素): ondragstart - 用户开...

2019-01-18 15:12:07 5793

原创 jQuery 省市选择

考虑的问题一.省市选择1.动态的生成对应的省市2.先生成对应的省3.当省的选择发生改变市，右边的选项也应当发生改变4.首次打开，默认触发绑定的事件，并且取消浏览器对这个事件的默认操作div布局// html<select name="province" id="province"></select><select name="city" id="c.

2019-01-16 12:33:36 671 1

原创 js 轮播图

轮播图一.轮播图需要考虑的问题：（目前案例是在有左右箭头，且存在轮播点的情况下）1.点击的元素为左右箭头，且轮播点2.自动轮播3.轮播图图片的出现方式4.浏览器的兼容问题div布局布局上，先布局2个盒子，一个用来装轮播的图片；另外一个用来装触发轮播的对象，本案例是轮播的点及左右箭头；另外，轮播的点，考虑js动态生成，方便删减；// html&lt;div class="w-sli...

2019-01-12 17:00:27 213

原创 js滚动条

水平滚动条拖动了才能拽动// html &lt;div id="scroll"&gt; &lt;div id="bar"&gt;&lt;/div&gt; &lt;div id="mask"&gt;&lt;/div&

2019-01-09 18:02:27 430

原创 js 事件对象Event与放大镜效果

Event对象一、Event对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细信息（包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时，浏览器通过函数传递过来的。）都会被临时保存到一个...

2019-01-08 18:24:15 213

原创 js数组、字符串操作总结

数组、字符串的创建一、JavaScript中创建数组常用两种方式：（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“星期日”,“星期一”,“星期二”,“星期三”，“星期四”,“星期五”,“星期六”); // 创建一...

2019-01-07 17:16:22 1841

原创封装类名

封装类名封装类名需要考虑：1.getElementsByClassName浏览器兼容；2.id里面的类名，没有id里面的类名；3.类名很多个，不一定唯一；html部分// html&amp;lt;div id=&quot;box&quot;&amp;gt; &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt; &amp

2019-01-04 15:37:45 201

原创注册时输入手机号规则

注册时输入手机号规则注册时输入手机号规则注册时，web端用户输入的手机号（案例手机号为中国手机号）：1.必填；2.第一位必为1，第二位不能为0/1/2且总共11位数字；html部分// html&lt;div class="form-item1"&gt; &lt;label id="sj-slc" for=""&gt;

2019-01-02 13:28:24 4323

xiaomo_ay的博客