,这两个css如何实现_html/css_WEB-ITnose

第一个是实现一个二级导航栏。
二级导航栏顶部还有一个一级导航栏,
当滑动条向下滑动时,一级导航栏逐渐消失,二级导航栏则一直固定在页面顶部。
当滑动条移动回页面顶部时,一级导航栏再出现。

第二个是在图片上实现毛玻璃效果。
类似于购买商品时,鼠标移动到图片上时,背景虚化。毛玻璃上提供一个立即购买的button。

如果不明白我说的内容,这个页面上有类似的实现效果
http://www.23mofang.com/

第一个好像需要配合jquery实现?我也不太清楚,至少页面上的css我没看出端倪。
如果有过使用经验,希望不吝赐教。当然,能提供一点帮助文档也非常感谢。


回复讨论(解决方案)

都是jQuery结合CSS来完成的
1. 二级导航栏,position:fixed; 相对浏览器窗口绝对定位。当滚动条位置大于一级导航栏高度时,让二级导航栏的top值变成0
2. jquery结合CSS3动画,通过mouseover、mouseout切换Class实现,不是毛玻璃效果,只是一个透明度为90%的白色背景层

都是jQuery结合CSS来完成的
1. 二级导航栏,position:fixed; 相对浏览器窗口绝对定位。当滚动条位置大于一级导航栏高度时,让二级导航栏的top值变成0
2. jquery结合CSS3动画,通过mouseover、mouseout切换Class实现,不是毛玻璃效果,只是一个透明度为90%的白色背景层



您好,我想详细询问一下第二个的一点问题,我发现背景层设置了颜色值之后

都是jQuery结合CSS来完成的
1. 二级导航栏,position:fixed; 相对浏览器窗口绝对定位。当滚动条位置大于一级导航栏高度时,让二级导航栏的top值变成0
2. jquery结合CSS3动画,通过mouseover、mouseout切换Class实现,不是毛玻璃效果,只是一个透明度为90%的白色背景层



实在非常感谢。

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: