徐许

摘要： jquery效果 显示隐藏 show() 语法 show([speed,[easing],[fn]]) 参数可以省略,无动画直接使用 hide() toggle() 滑动 slideDown() slideUp() slideToggle() 淡入淡出 fadeln() fadeOut() fade 阅读全文

摘要： h1 { text-align: center; } .cart { width: 1200px; height: 600px; margin: 0 auto; border: 1px solid #efefef; } .cart>ul { width: 100%; height: 100%; li 阅读全文

摘要： jquery基础选择器 $('选择器') 基本上与css选择器相同 demo $('ul li') $('.nav') $('#box') 隐试迭代 遍历内部DOM元素的过程就叫做隐试迭代 <div>第一个</div> <div>第一个</div> <div>第一个</div> <div>第一个</ 阅读全文

摘要： javascript库:即library,是一个封装好的特定的集合.从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面 常见的javascript库 jquery prototype YUI Dojo Ext JS 移动端的zepto 这些都是对原生的Javascript 阅读全文

摘要： 本地存储 1、数据存储在用户浏览器中的 2、设置、读取方便、甚至刷新都不会丢失数据 3、容量比较大，sessionStorange约5M，localstorage约20M 4、只能存储字符串,可以将对象JSON.stringify()编码后存储 sessionStorage 1、生命周期是关闭浏览器 阅读全文

摘要： Swiper轮播图插件使用 官网:https://www.swiper.com.cn/ 先引用插件的css、js文件 然后找到需要使用的轮播图文件中去把HTML css和JS代码直接拿过来就好 SuperSlide插件 能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 先引用JS文件 然后找 阅读全文

摘要： click延迟解决方案 移动端click事件会有300ms的延迟,原因是移动端屏幕双击会缩放页面 1、禁止缩放功能 浏览器禁用默认双击缩放行为去掉300ms的点击延迟 user-scalable=no 2、利用touch事件自己封装这个事件解决300ms 3、使用fastclick插件 先引用fas 阅读全文

摘要： 1 body { 2 margin: 0; 3 } 4 .hearder { 5 width: 100%; 6 height: 150px; 7 position: relative; 8 } 9 ul { 10 list-style: none; 11 padding: 0; 12 width: 阅读全文

摘要： 移动端的网页特效 移动端触屏事件概述 触屏touch事件 touchstart 手指触摸到一个DOM元素时触发 touchmove 手指在一个DOM上滑动时触发 touchend 手指从一个DOM上移开时触发 触摸事件对象 touchstart事件对象 touches 正在触摸屏幕的所有手指的列表 阅读全文

摘要： .nav { width: 1000px; height: 60px; line-height: 60px; margin: 0 auto; position: relative; } ul { width: 100%; height: 100%; padding: 0; list-style: n 阅读全文