在浏览网页时经常见到不断变换的广告标题或者滑动显示的图像,这些效果是如何实现的呢?接下来进行简要介绍。
工具/原料
1
电脑
2
记事本
方法/步骤
2
setInterval函数:它能够重复运行js,每次运行有一定的间隔。每隔2000毫秒运行一次cycle函数。
3
整段代码如下所示:
4
用的是搜狗浏览器,点击工具|开发者工具,即打开调试工具
5
找到代码第15行,设置一个断点,则程序每次运行到这里都会暂停。在右侧的breakpoints里面可以看到刚才设置的断点。
6
程序运行到断点会会暂停,给出提示,如图:可人工让它继续运行。
7
点击右侧Watch右侧的+号,可以输入变量,以查看变量值的变化过程。此处,输入counter和getElementById('banner').src
8
运行过程中可以看到的两个表达式的值如下:
上一篇:Axure设计:晋级轮播图
下一篇:bootstrap轮播插件教程