如何在网页中让字从下往上动
请求一个可以让字从下到上移动的代码，最好象音乐的歌词一样效果每当读字慢慢的亮起来还有当鼠标点住字会停止移动。补充一下在各位发表的代码中希望包含着让字在网页中间上来的命令谢...
请求一个可以让字从下到上移动的代码， 最好象音乐的歌词一样效果 每当读字慢慢的亮起来 还有当鼠标点住字 会停止移动。
补充一下 在各位发表的代码中希望 包含着让字在网页中间上来的命令 谢谢。
wz265 这位朋友 请问你的代码 我添加到HTML 里怎么用不起来啊 只看到 你在 <ul><li> 那里写的字 没有我需要的效果
还有<UL><LI> 这种不是我想要的 每行前面都有圈圈。
sibhuang 这位朋友的代码 我用了 可是不知道 为什么什么都没显示 一个字都没看到 难道是CSS？
fangchenxi2010 这位朋友的代码是简单 可是内容没框架 默认都是从左边上来的 而我希望是从网页中心点 左边和右边是空的。 展开
补充一下 在各位发表的代码中希望 包含着让字在网页中间上来的命令 谢谢。
wz265 这位朋友 请问你的代码 我添加到HTML 里怎么用不起来啊 只看到 你在 <ul><li> 那里写的字 没有我需要的效果
还有<UL><LI> 这种不是我想要的 每行前面都有圈圈。
sibhuang 这位朋友的代码 我用了 可是不知道 为什么什么都没显示 一个字都没看到 难道是CSS？
fangchenxi2010 这位朋友的代码是简单 可是内容没框架 默认都是从左边上来的 而我希望是从网页中心点 左边和右边是空的。 展开
展开全部
给你来段简单点的：
<MARQUEE onmouseover=stop(this) onmouseout=start(this)
scrollAmount=1 scrollDelay=1 direction=up width="100%"
height=100>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
</MARQUEE>
以上的代码是鼠标移上去后，文字就会停住，移开鼠标，文字又会动。
如果你想要用鼠标点击文字才让文字停住的话也行，只要把其中的onmouseover改成onmousedown就行，别的都不要变。
<MARQUEE onmouseover=stop(this) onmouseout=start(this)
scrollAmount=1 scrollDelay=1 direction=up width="100%"
height=100>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
这里输入你想要的内容<br>
</MARQUEE>
以上的代码是鼠标移上去后，文字就会停住，移开鼠标，文字又会动。
如果你想要用鼠标点击文字才让文字停住的话也行，只要把其中的onmouseover改成onmousedown就行，别的都不要变。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个是我写的 符合全部浏览器 符合W3C标准
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>符合w3c标准的向上不间断滚动代码</title>
<style type="text/css">
<!--
a{background:#FFF; color:#333;}
a:hover{background:#FFF;color: #C00;}
#demo{overflow:hidden; width:490px; height:120px; background:#FFF; margin:5px; float:left; display:inline;}
ul{
margin:0;
padding:0}
a{
text-decoration:none;
line-height:24px;}
-->
</style>
</head>
<body >
<div id="demo">
<div id="demo1">
<ul>
<li><a href="1" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li>
<li><a href="1" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li>
<li><a href="2" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li>
<li><a href="2" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li>
<li><a href="2" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li>
<li><a href="http://www.stunc.cn" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li>
<li><a href="1" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>
<li><a href="2" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li>
<li><a href="2" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li>
<li><a href="2" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li>
</ul>
</div>
<div id="demo2"> </div>
<script type="text/javascript">
var speed=40;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('demo1');
var FGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
function Marquee1(){
if((FGDemo2.offsetHeight-FGDemo.scrollTop)<=0)
FGDemo.scrollTop-=FGDemo1.offsetHeight
else{
FGDemo.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function() {clearInterval(MyMar1)}
FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>符合w3c标准的向上不间断滚动代码</title>
<style type="text/css">
<!--
a{background:#FFF; color:#333;}
a:hover{background:#FFF;color: #C00;}
#demo{overflow:hidden; width:490px; height:120px; background:#FFF; margin:5px; float:left; display:inline;}
ul{
margin:0;
padding:0}
a{
text-decoration:none;
line-height:24px;}
-->
</style>
</head>
<body >
<div id="demo">
<div id="demo1">
<ul>
<li><a href="1" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li>
<li><a href="1" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li>
<li><a href="2" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li>
<li><a href="2" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li>
<li><a href="2" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li>
<li><a href="http://www.stunc.cn" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li>
<li><a href="1" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>
<li><a href="2" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li>
<li><a href="2" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li>
<li><a href="2" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li>
</ul>
</div>
<div id="demo2"> </div>
<script type="text/javascript">
var speed=40;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('demo1');
var FGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
function Marquee1(){
if((FGDemo2.offsetHeight-FGDemo.scrollTop)<=0)
FGDemo.scrollTop-=FGDemo1.offsetHeight
else{
FGDemo.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function() {clearInterval(MyMar1)}
FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!--
body { padding: 30px; font-size: 12px;}
a { color: #000; text-decoration: none; }
a:hover { color: #F60; }
#scrollWrap {
width:300px;
height: 18px;
overflow: hidden;
background: #E6F6F6;
}
#scrollMsg {
float: left;
text-align: left;
padding:0 10px;
}
#scrollMsg ul {
margin:0;
padding:0;
}
#scrollMsg li {
line-height: 18px;
list-style:none;
}
-->
</style>
</head>
<body>
<div id="scrollWrap">
<div id="scrollMsg">
<ul>
<li><a href="#">1111111111111</a></li>
<li><a href="#">22222222222</a></li>
<li><a href="#">333333333333333</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
<!--
try{
var isStoped = false;
var oScroll = document.getElementById("scrollWrap");
with(oScroll){
noWrap = true;
}
oScroll.onmouseover = new Function('isStoped = true');
oScroll.onmouseout = new Function('isStoped = false');
var preTop = 0;
var curTop = 0;
var stopTime = 0;
var oScrollMsg = document.getElementById("scrollMsg");
oScroll.appendChild(oScrollMsg.cloneNode(true));
init_srolltext();
}catch(e) {}
function init_srolltext(){
oScroll.scrollTop = 0;
setInterval('scrollUp()', 15);
}
function scrollUp(){
if(isStoped) return;
curTop += 1;
if(curTop == 19) {
stopTime += 1;
curTop -= 1;
if(stopTime == 180) {
curTop = 0;
stopTime = 0;
}
}else{
preTop = oScroll.scrollTop;
oScroll.scrollTop += 1;
if(preTop == oScroll.scrollTop){
oScroll.scrollTop = 0;
oScroll.scrollTop += 1;
}
}
}
//-->
</script>
body { padding: 30px; font-size: 12px;}
a { color: #000; text-decoration: none; }
a:hover { color: #F60; }
#scrollWrap {
width:300px;
height: 18px;
overflow: hidden;
background: #E6F6F6;
}
#scrollMsg {
float: left;
text-align: left;
padding:0 10px;
}
#scrollMsg ul {
margin:0;
padding:0;
}
#scrollMsg li {
line-height: 18px;
list-style:none;
}
-->
</style>
</head>
<body>
<div id="scrollWrap">
<div id="scrollMsg">
<ul>
<li><a href="#">1111111111111</a></li>
<li><a href="#">22222222222</a></li>
<li><a href="#">333333333333333</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
<!--
try{
var isStoped = false;
var oScroll = document.getElementById("scrollWrap");
with(oScroll){
noWrap = true;
}
oScroll.onmouseover = new Function('isStoped = true');
oScroll.onmouseout = new Function('isStoped = false');
var preTop = 0;
var curTop = 0;
var stopTime = 0;
var oScrollMsg = document.getElementById("scrollMsg");
oScroll.appendChild(oScrollMsg.cloneNode(true));
init_srolltext();
}catch(e) {}
function init_srolltext(){
oScroll.scrollTop = 0;
setInterval('scrollUp()', 15);
}
function scrollUp(){
if(isStoped) return;
curTop += 1;
if(curTop == 19) {
stopTime += 1;
curTop -= 1;
if(stopTime == 180) {
curTop = 0;
stopTime = 0;
}
}else{
preTop = oScroll.scrollTop;
oScroll.scrollTop += 1;
if(preTop == oScroll.scrollTop){
oScroll.scrollTop = 0;
oScroll.scrollTop += 1;
}
}
}
//-->
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
