摘要: 前端UI(布局)框架 bootstrap Amaze UI BootStrap 全局css样式 栅格系统 container 容器 超小屏幕 手机 vw 列的类名 col xs 超小屏幕 col sm 小屏幕 col md 中等屏幕 col lg 大屏幕 列偏移 col xs offset col 阅读全文
posted @ 2017-10-09 16:28 不完美的完美 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 闭包(Closure) 自调函数 使用 (function(){ })(); function demo(){ var m=100; function fn(){ console.log(m); } return fn; } var f=demo(); f(); 注意 可以正常使用参数 自调函数后加 阅读全文
posted @ 2017-09-28 19:05 不完美的完美 阅读(114) 评论(0) 推荐(0) 编辑
摘要: jQuery鼠标悬停文字渐隐渐现动画效果 css样式 { margin: 0; padding: 0; } ul{ list style:none; } a{ text decoration:none; } .clear{ clear:both; } .kong{ width: 100%; heig 阅读全文
posted @ 2017-09-27 19:25 不完美的完美 阅读(696) 评论(0) 推荐(0) 编辑
摘要: 之前看到网上有jQuery九宫格图片拉伸变大代码只可以动六张图片,我改了改做了九张图片都可以做的 css样式 / 九宫格 / .jiugong{ height: 100%; margin:0px 110px 0px 110px;/ 居中 / } .lest{ width: 100%; height: 阅读全文
posted @ 2017-09-27 19:06 不完美的完美 阅读(921) 评论(0) 推荐(0) 编辑
摘要: Javascript或jQuery做轮播图 css样式 阅读全文
posted @ 2017-09-27 18:43 不完美的完美 阅读(686) 评论(0) 推荐(0) 编辑
摘要: 鼠标点到左边的哪种颜色的小矩形,自动滚动到哪一部分。 <!DOCTYPE html 页面滚动 body{ margin:0; } page1{ background:red; } page2{ background: orange; } page3{ background:green; } page 阅读全文
posted @ 2017-09-27 17:01 不完美的完美 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 方法一 <!DOCTYPE html Document { margin:0; padding: 0; } .box{ width: 400px; height: 250px; } .box0{ position: absolute; width: 100px; height: 100px; bac 阅读全文
posted @ 2017-09-27 16:54 不完美的完美 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 制作选项卡 css样式 选项卡 { margin: 0; padding:0; box sizing:border box; } .box{ position:relative; } li{ width: 100px; / padding: 20px; / height: 50px; border: 阅读全文
posted @ 2017-09-27 16:46 不完美的完美 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 菜单展开和收缩 <!DOCTYPE html 菜单展开和收缩 { margin: 0; padding: 0; } .navList{ width: 200px; } .navList h3{ padding:10px 20px; cursor:pointer; font size:18px; ba 阅读全文
posted @ 2017-09-07 18:43 不完美的完美 阅读(679) 评论(0) 推荐(0) 编辑
摘要: 一、jQuery 1、定义 jQuery 是JS的类库 jQuery是为了让JS的开发更简单 jQuery的目的: 写得少,干得多 2、jQuery优势 兼容性问题 (jquery2. 以上的不兼容IE8、 兼容IE8以及以下,jquery1 . ) 便捷的选择器 方便的事件体系 方便的dom元素 阅读全文
posted @ 2017-09-07 18:14 不完美的完美 阅读(227) 评论(0) 推荐(0) 编辑