-
预备知识查看全部
-
样式重置代码: @charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin: 0;padding: 0;} table{border-collapse: collapse;border-spacing: 0;} fieldset,img{border: 0;} address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;} ol,ul{list-style: none;} caption,th{text-align: left;} h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;} q:before,q:after{content:;} abbr,acronym{border: 0;} body{font: 12px/1.5 '微软雅黑',tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;} .clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;} .clearfix{zoom:1;} .text-ellipsis{white-space: nowrap;/* 设置不折行 */text-overflow;ellipsis;/* 这就是省略号喽 */-o-text-overflow:ellipsis;/* 兼容opera */overflow: hidden;}查看全部
-
阻止事件冒泡 e.stopPropagation();查看全部
-
事件委托机制 body.delegate(element,event,callback)查看全部
-
必要元素: 1. 遮罩层 2. 弹出层 弹出层包括: 1. 图片预览区(图片和上下切换的按钮) 2. 标题区(标题和当前索引、关闭按钮)查看全部
-
body.delegate('对象','click',function(e){ //阻止事件冒泡,不影响其它事件 e.stopPropagation(); alert($(this).attr("data-group")); });查看全部
-
opacity:0.5;fliter:alpha(opacity=50%)查看全部
-
3、jquery 获取Dom 4、事件委托,图片获取,索引查找 5、图片加载,尺寸,过度动画,上下切换图片,自动播放图片查看全部
-
1、搭建结构 2、css 展示效果查看全部
-
据接近查看全部
-
3查看全部
-
2查看全部
-
事件机制查看全部
-
webkitSpeechRecognition: SpeechRecognition() webkitSpeechRecognitionError: SpeechRecognitionError() webkitSpeechRecognitionEvent: SpeechRecognitionEvent() webkitStorageInfo: DeprecatedStorageInfo webkitURL: URL() window: Window ytCinema: Object __proto__: Window查看全部
-
看看查看全部
举报
0/150
提交
取消