随笔分类 -  js+Jquery

摘要: 一、功能描述 1. 初始位置在左下角 2. 鼠标放上按钮会显示箭头(目录展开方向与收起方向),移开会显示“目录”两个字 3. 左键按住按钮,可进行拖拽,且会根据目录的整体大小自动调整在窗口内能拖动到的区域 4. 右键点击按钮,可展开或收起目录 5. 点击目录内的级别高的条目,可将同级的其他条目内的子条目收起,并展开或收起自己内部的低级别的子条目。 6. 点击目录内的条目,可自动导航到其所在的页面内的绝对位置(高度) 阅读全文
posted @ 2020-08-02 17:39 油炸地狱 阅读(705) 评论(1) 推荐(6)
摘要:功能描述:当页面向下滚动到菜单栏上边沿触碰到浏览器窗口上边沿时,菜单栏会固定地显示在浏览器窗口上方(贴紧),即达到了置顶菜单栏的效果。而当页面向上滚动到原来的位置时,菜单栏又会自动返回文档流,即回到初始的位置。 阅读全文
posted @ 2020-07-19 10:42 油炸地狱 阅读(443) 评论(0) 推荐(0)
摘要:功能描述: 1. 当页面向下滚动一定距离时,向下滚动到底部的按钮以淡入的效果出现,并以固定定位显示。且滚动到一定距离(快接近所设置的底部)时,该按钮又会以淡出效果消失。 2. 当页面向下滚动一定距离时,向上滚动到顶部的按钮以淡入的效果出现,并以固定定位显示。往上滚回原来出现的位置前,该按钮又会以淡出效果消失。 阅读全文
posted @ 2020-07-19 10:39 油炸地狱 阅读(369) 评论(1) 推荐(0)
摘要:一、问题引入 1. jquery的animate动画虽然强大,但是无法使用其进行背景色(background-color)的动画效果变化,因为animate动画效果只能动态改变数值型的参数,例如:top,left,width,height...等等 2. 但好在CSS它自带的animation动画效果更加强大,它可以为我们提供背景色的动态变化。所以我们可以利用Js+CSS的方法达成我们预期效果。 阅读全文
posted @ 2020-07-17 17:04 油炸地狱 阅读(2606) 评论(2) 推荐(1)