<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>固定导航栏</title> <style type="text/css"> * { margin: 0; padding: 0; } .main { width ...
分类:
Web程序 时间:
2020-04-22 16:20:53
阅读次数:
127
part5 课程介绍 另一个定时器 第一个定时器的小案例 练习 封装动画函数 匀速的动画函数,过渡到 >缓动的动画函数 简单的轮播图 左右焦点的轮播图 无缝连接的轮播图 轮播图 重点 三大系列中的第一个系列:offset系列 重点 封装缓动动画函数 筋斗云,固定导航栏 升级4到5个版本 手风琴 旋转 ...
分类:
Web程序 时间:
2019-12-12 13:20:46
阅读次数:
113
//导航栏操作 var hd = $(".header2").offset().top; $(window).scroll(function() { var hu = $(document).scrollTop(); // alert(hui); // console.log(hui); //con ...
分类:
其他好文 时间:
2019-12-01 19:04:58
阅读次数:
82
Document 新闻 娱乐 财经 军事 国际 ...
分类:
其他好文 时间:
2019-07-18 10:55:09
阅读次数:
98
注意事项 1、先规划布局 2、写一个css里面放 3、起名一定规范 4、注意注释 方便查找 5、定位问题 会导致布局偏移 难点: 1、动画及阴影问题、 2、关于div 的显示与隐藏 已解决 未解决问题 1、轮播图 2、右侧固定导航 回到顶部按键 未解决原因(时间紧张未做,尽量抓紧时减解决) ...
分类:
移动开发 时间:
2019-05-30 22:14:41
阅读次数:
177
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } img { vertical-align: top; } .main { ...
分类:
其他好文 时间:
2019-05-30 18:05:43
阅读次数:
111
固定导航栏 前言:很多网站都有这种网页的效果:滑动浏览器右侧的滚动条,导航栏会一直处于最上方 下面我就来简单实现以下这个功能 一.首先我们来写一下html的结构: 二.我们来简单写一下样式 这个结构可以说是简单明了,由三部分组成 顶部 导航栏 还有主体部分 但是我们并不打算继续写下去 我们简单的用样 ...
分类:
其他好文 时间:
2019-01-12 00:13:54
阅读次数:
209
1、document.body.scrollTop的值总为零的原因有一个功能需要判断下拉的距离,设置头部固定导航栏的颜色。 代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...
分类:
其他好文 时间:
2018-12-30 14:43:29
阅读次数:
194
<div class="top" id="topPart"> <img src="imgs/top.png" alt=""/></div><div class="nav" id="navBar"> <img src="imgs/nav.png" alt=""/></div><div class="m ...
分类:
其他好文 时间:
2018-12-02 22:44:42
阅读次数:
167