2018年4月

孙肖宁的个人博客

经典导航栏的制作

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

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 日

javascript中的事件

事件的绑定方式一：直接绑定var btn = document.getElementsByTagName("button")[0]; ...

2018 年 04 月 09 日

javascript中的String

String类型是字符串的对象包装类型，可以提供给我们很多有用的操作字符串的方法var strObj =...

2018 年 04 月 09 日

倒计时

描述：在页面上显示距离某一时间还有几天几时几分几秒示例代码：<!DOCTYPE html> <html lang="en&qu...

2018 年 04 月 09 日

模拟日历

描述：当用打开页面的时候显示当前的日期。实例代码:<!DOCTYPE html> <h...

2018 年 04 月 09 日