<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
</head>
<body>
<div id="maq" style="overflow: hidden; width: 150px; height: 180px">
<div id="mtext">
家富富侨 莎蔓莉莎美容院 喜唰唰香辣涮 晶华摄影 法国梧桐咖啡厅 雅玫美容院 花样年华 藏御火疗宫 维多俐娅咖啡厅 大众口腔
7天连锁酒店 邦吉咖啡 三只耳 太极虎韩式儿童摄影
</div>
<div id="m0"></div>
</div>
<script language="javascript">
var speed=40; //调整滚动速度
m0.innerHTML=mtext.innerHTML;
function Marquee(){
if(m0.offsetTop-maq.scrollTop<=0)
maq.scrollTop-=mtext.offsetHeight;
else{
maq.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
maq.onmouseover=function() {
clearInterval(MyMar);
}
maq.onmouseout=function() {
MyMar=setInterval(Marquee,speed);
}
</script>
</body>
</html>
分享到：
相关推荐
flash走马灯效果flash+xml,flash走马灯效果flash+xml,flash走马灯效果flash+xml
实现HTML图片无缝走马灯效果的简明代码，集成使用方便快捷！
跑文字上下、左右滚动跑马灯效果，欢迎指正
分享一个Android中实现跑马灯效果
Delphi实现透明跑马灯效果
实现跑马灯上下滚动效果，marquee标签被摒弃后不使用js实现的跑马灯效果保险些
unity中使用c#实现跑马灯效果，可根据自身需求进行修改和优化
基于Qt的跑马灯效果，支持配置文件读取。tcp 设置字体、颜色，大小，内容功能
jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果 jQuery无缝滚动跑马灯效果
简单的textview 跑马灯效果 可直接使用
RecyclerView上下自动无限滚动，跑马灯效果，具体效果有2种， 1.每次移动距离是一个item的高度 2.持续向上移动
全面展示了各种酷炫的跑马灯效果，种类齐全。。。
纯css图片无缝走马灯效果源码，无需js控制，完美效果
android跑马灯效果，失去焦点也可以实现，里面的代码有注释，如果还是看不懂请联系我
微信小程序实现跑马灯效果完整代码(附效果图).zip
Android文字跑马灯效果,TextView的文字跑马灯效果
项目2_P0口实现跑马灯效果
跑马灯效果+，一个朋友写的，整理下跑马灯的实现
老罗视频代码textview跑马灯效果，
遇到一行文字过长不能全部显示时，需要滚动显示，可下载此代码，研究跑马灯效果的实现方法。