小宁博客

迷失的人迷失了，相逢的人会再相逢

楼层跳跃的案例

描述：用户根据左侧的楼层号进行选择，点击左侧的楼层可以在整体页面进行跳转。示例代码：<!DOCTYPE html> <html lang...

2018 年 04 月 18 日

返回顶部小火箭的制作

描述：当用户滑动页面的时候，页面右下角显示返回顶部的小火箭，每当用户点击此小火箭的时候，页面换范返回到页...

2018 年 04 月 18 日

两侧对联跟随广告的制作

描述：两侧的对联广告，在页面最终的位置保持不变，会随着页面的滚动，而缓慢移动到最终的位置。小编是用图片进行的占位，引用的话可以把图片换成其他内容。示例代码...

2018 年 04 月 16 日

固定顶部的导航栏

描述：当用户滑动离开当前的版面的时候，顶部的banner会自动隐藏，顶部的导航栏固定，当用户返回过来的时...

2018 年 04 月 15 日

经典导航栏的制作

描述：导航的形状为圆角矩形，用户正在浏览的栏目的名称底色与其他不同，党用户鼠标移到其他栏目的目录的时候，底色有正在浏览的栏目缓慢移动到鼠标经过的栏目上，当...

2018 年 04 月 14 日

javascript中的Scroll家族

ScrollWidth和scrollHeight（不包括border）检测盒子的宽高。（调用者：节点元素...

2018 年 04 月 13 日

带有定时器的无缝滚动轮播图

描述：轮播图会自动循环播放图片，当用户是鼠标放在图片上的时候，图片会停止循环，当用户鼠标离开的时候，会继续循环播放图片。下面的方框也会随着轮播图的播放而对...

2018 年 04 月 12 日

无缝滚动（左右焦点图）

描述：当用户鼠标放在图片上的时候，显示左右的按钮。离开的时候，左右按钮自动隐藏。点击左右按钮，图片依次滚...

2018 年 04 月 12 日

无缝滚动（滑动焦点图）

描述：鼠标经过下面的数字方框标识的时候，显示对应的图片，并且是，通过动画来实现注意：图片要换成自己的哦,注意调整自己图片的大小，或者定义自己的图片大小。效...

2018 年 04 月 12 日

javascript中的offset家族

offsetWidth和offsetHight 以及offsetLeft和offsetTop以及offs...

2018 年 04 月 10 日