h5+css3+Jq
2024-09-06 01:25:22
1.侧边栏划出一个信息框
通常鼠标浮动侧边栏都会划出一个信息框,每个信息框距离侧边栏的距离是相等的,所以处理此问题的方法就是
量取信息框距离侧边栏的距离,信息框设置绝对定位,父元素设置相对定位之后,信息框就会相对于父元素的相对定位进行绝对定位,取父元素的width:100%,然后加上距离信息框距离侧边栏的距离,right: calc(100% + 30px);
2.查找当前直系父级的直系父级的同胞元素的孩子进行slideUp().
$(this).parent().parent().siblings().find(".ul2").slideUp();
3.鼠标浮动下拉(stop()意为停止所有与当前无关的动画)
$('.navli ').hover(function () {
$(this).find('.an_navxiala').stop().fadeIn();
},function(){
$(this).find('.an_navxiala').stop().fadeOut();
})
4.鼠标滚动(右侧滚动条距离顶部的距离)
$(".navli").hover(function () {
if ($(window).scrollTop() > $(".navbox").height()) {
}else{
}
最新文章
- 【三石jQuery视频教程】01.图片循环展示
- Web Deploy安装时显示Web Management Service无法启动
- JavaScript 使用反斜杠对代码行进行折行
- iOS开发debug跟release版本屏蔽NSLog方法
- .NET在EF中使用sql,用动态类吧!
- hibernate中的SessionFactory,Session分别表示什么啊?如何理解?
- cocos2d-x3.2在xcode6.1下的 环境搭建
- jsconsole
- codeforces584B Kolya and Tanya
- Spark 2.x不支持ALTER TABLE ADD COLUMNS,没关系,我们改进下
- Asp.net mvc3的“从客户端中检测到有潜在危险的 Request.Form 值”问题解决
- 【学习笔记】Java finalize()的使用
- 高通8x12平台开机画面制作工具
- Could not find package vendor/name in a version matching v-Number 是坑!
- pip更新
- Android 给双ListView组织数据源
- Apache 服务器认证 和重写
- 快速重启 Quick Boot plus
- December 25th 2016 Week 53rd Sunday
- VBA【遍历每个工作表并将工作表表名赋予B2单元格】