摘要：
楼层：①页面滑动到哪块儿“楼层”就显示到哪个；②点击某“楼层”页面滚动到对应的位置；③点击“返回”回到页面顶部 实现：①使用$(window).scroll(function(){ }); //监视页面滚动的高度，使用$(document).scrollTop();获取；②滚到对应的位置：$("ht 阅读全文
posted @ 2017-06-28 18:33
carrie_zhao
阅读(1544)
评论(0)
推荐(0)
摘要：
如图：①首先使用弹性盒子布局display:flex; flex-wrap:wrap; ②鼠标移上去出现“百度一下，你就知道了”，这句话之前带上各个网站的logo；③logo使用的是sprite，需要注意的是background-position使用的是负值(-) 整体代码如下： <!DOCTYPE 阅读全文
posted @ 2017-06-28 17:28
carrie_zhao
阅读(235)
评论(0)
推荐(0)
摘要：
给父盒子ul{display:flex; flex-wrap:wrap; } 阅读全文
posted @ 2017-06-28 17:23
carrie_zhao
阅读(9751)
评论(1)
推荐(1)
摘要：
如图，用最简单的方式实现手风琴的效果，核心，就是通过改变自身即鼠标移上去的那张图的width，与其他的width就可，但是需要用animate，先改变自己的width，再改变其他的。 阅读全文
posted @ 2017-06-28 16:30
carrie_zhao
阅读(259)
评论(0)
推荐(0)
摘要：
1、如图，这种轮播图需要实现的是，当鼠标移到2上时，第二张图片从右侧过来 2、需要注意的：①很明显这是通过改变z-index与left值来实现的； ②整体布局需注意，图与数值(1,2,3,4,5)两个大盒子之间的关系，图的父盒子的z-index < 数值的父盒子的z-index值，即：只要父盒子的z 阅读全文
posted @ 2017-06-28 16:20
carrie_zhao
阅读(235)
评论(0)
推荐(0)
摘要：
遇到的问题：自动轮播的实现，实质与轮播图一样儿一样儿的，不要被不同的外表所欺骗，具体的js代码如下： 阅读全文
posted @ 2017-06-28 15:51
carrie_zhao
阅读(401)
评论(0)
推荐(0)
浙公网安备 33010602011771号