<div id="scroll_div" style="overflow: hidden; height: 137px; width: 658px; white-space: nowrap;">
<div id="scroll_begin" style="display: inline;">
<img src="image/1.jpg" width="200" height="137" border="0">
<img src="image/2.jpg" width="200" height="137" border="0">
<img src="image/3.jpg" width="200" height="137"
border="0">
<img src="image/4.jpg" width="200" height="137" border="0"><img src="image/5.jpg"
width="200" height="137" border="0">
<img src="image/6.jpg" width="200" height="137"
border="0">
<img src="image/7.jpg" width="200" height="137" border="0">
<img src="image/8.jpg"
width="200" height="137" border="0">
</div>
<div id="scroll_end" style="display: inline;">
</div>
</div>
<script>
var speed=1
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
分享到:
相关推荐
labview实现字符串滚动显示,用于程序的显示
利用51单片机编程实现在LCD1206液晶屏上的滚动显示
QLabel文本滚动显示
基于QT的文本滚动显示,实现文本当天滚动的效果
使用STM32F103ZET6,来控制点阵屏显示汉字、字符,并能够滚动显示
LED矩阵滚动显示 单片机显示 单片机滚动显示
单片机LED矩阵滚动显示字符
labview实现字符串滚动显示,可以帮助你做时间滚动显示。
易语言滚动显示图片源码,滚动显示图片,高级滚动窗口_
51单片机LCD1602滚动显示
因为编程中要用到簇数组,但是簇本身不带滚动条,利用单独添加滚动条控制簇数组的内容
可以实现英文字符串的左右滚动显示,乃基本之程序
winfrom应用程序模拟字符滚动显示案例,小工具开发,欢迎交流
最新单片机仿真 8只数码管滚动显示单个数字最新单片机仿真 8只数码管滚动显示单个数字最新单片机仿真 8只数码管滚动显示单个数字最新单片机仿真 8只数码管滚动显示单个数字最新单片机仿真 8只数码管滚动显示单个数字...
单片机Proteus实例 LCD滚动显示汉字(电路图 仿真程序 电路)单片机Proteus实例 LCD滚动显示汉字(电路图 仿真程序 电路)单片机Proteus实例 LCD滚动显示汉字(电路图 仿真程序 电路)单片机Proteus实例 LCD滚动显示...
滚动时显示滚动条,其他时候隐藏样式,滚动条为细窄边框
自定义QLabel控件,自动判断文本长度与显示框长度的大小,显示框太短,则自动滚动显示,否则正常显示,类似于广告屏的滚动播放效果,qt 5源码,编译测试通过。
实现了在对话框中实现图片滚动的显示效果,debug中的exe文件可以直接执行操作
最新单片机仿真 4只数码管滚动显示0~3最新单片机仿真 4只数码管滚动显示0~3最新单片机仿真 4只数码管滚动显示0~3最新单片机仿真 4只数码管滚动显示0~3最新单片机仿真 4只数码管滚动显示0~3最新单片机仿真 4只数码管...
12864液晶滚动显示图片12864液晶滚动显示图片12864液晶滚动显示图片12864液晶滚动显示图片12864液晶滚动显示图片12864液晶滚动显示图片12864液晶滚动显示图片