在处理滚动上,通常采用Marquee,只需要加上这个标签,给这个标签设定一个宽度和高度就能实现了,代码如下:
然而这样的滚动会出现一个问题,当marquee里面的内容滚动一次完成后,会出现一片空白,再重新滚动,会影响到页面的整体效果,要达到连续滚动则需要用js来控制,通过使用setTimeout和setInterval方法都能实现这样的功能,下面例子仅以setInterval为例作一个简单介绍。
代码如下:
说明一下,speed的值越大,移动越慢,反知,这里设置的是图片向左移动,你只需要稍加修改就可以让其向右移动,甚至向上,或向下移动都行!目前没发现有bug,如果有值得改进的地方,希望各位提出宝贵的意见!
摘要可以直接运行这样就对了
现在可以了哈,能看出效果嘛?