2018年12月22日
grid网格布局
摘要： grid网格布局 一、Html样式 <body> <div class="grid-grid"> <div class="grid-header">Header</div> <div class="grid-content-left">Left</div> <div class="grid-cont 阅读全文
posted @ 2018-12-22 11:32 sunshine-annie 阅读(675) 评论(0) 推荐(0)
IndexedDB浏览器数据库
摘要： IndexedDB浏览器数据库 <script> // 数据库数据建立过程 // 1.新建数据库 var db; // 删除数据库信息 // window.indexedDB.deleteDatabase('project'); 如图删除数据库project： // 打开数据库 var DBOpen 阅读全文
posted @ 2018-12-22 11:24 sunshine-annie 阅读(149) 评论(0) 推荐(0)
2017年8月30日
滑动导航栏
摘要： 导航栏可滑动 下拉点击会相应的改变导航栏 阅读全文
posted @ 2017-08-30 16:22 sunshine-annie 阅读(268) 评论(0) 推荐(0)
2017年7月10日
图片放大展示
摘要： 可动态生成图片， 每次点击看原图的时候为当前id里面的图片 HTML < 向左点击事件 > 向右点击事件 第一张效果图 中间图片效果图 最后一张效果图 阅读全文
posted @ 2017-07-10 14:46 sunshine-annie 阅读(300) 评论(0) 推荐(0)
2017年7月7日
图片自适应居中
摘要： 不改变图片的高，仅仅是对图片的两边同时进行自适应隐藏，banner自适应 阅读全文
posted @ 2017-07-07 10:02 sunshine-annie 阅读(1223) 评论(0) 推荐(0)
2017年5月31日
swiper懒加载，动画效果
摘要： 1.swiper本身支持懒加载，背景图片同样支持 懒加载后css里面的背景图片也可用data-background 2.swiper中的动画效果 2.1加入swiper animate 2.2. 在需要运动的元素上面增加类名 ani ，和其他的类似插件相同，Swiper Animate需要指定几个参 阅读全文
posted @ 2017-05-31 14:19 sunshine-annie 阅读(4960) 评论(0) 推荐(0)
placeholder居中问题
摘要： .className::-ms-input-placeholder{text-align: center;} .className::-webkit-input-placeholder{text-align: center;} .className::-moz-placeholder{text-align: center;} 阅读全文
posted @ 2017-05-31 13:20 sunshine-annie 阅读(532) 评论(0) 推荐(0)