JavaScript-day05笔记

实际项目上的效果

• 广告上下滚动

1. 布局

1. 展示的区域：有多个图片
2. Overflow:隐藏 hidden  让超长的内容隐藏
3. 让展示区域的内容滚动

1. 效果：JS效果

1. 让展示区的滚动条向下滚动；滚动的距离是一张图片，方向向下距离增加
2. 让展示区的滚动条向上滚动

1. 关键字方法：

$("#dv").scrollTop(425);

让区域距离上方425px；

 

 

• 无缝滚动菜单

1.布局

1. 展示区：有两个并列的滚动区域
2. Overflow:hidden;溢出的内容隐藏
3. 让展示区的滚动条左右滚动，达到展示的效果
4. 滚动区有两个，一个隐藏 一个显现

1. 功能

1. 两个滚动区：隐藏/显现效果
2. 让展示区的滚动条向左滚
3. 让展示区的滚动条向右滚