首页 > web前端 > css教程 > 正文

会移动的文字(Marquee)_经验交流

php中文网
发布: 2016-05-16 12:10:26
原创
2165人浏览过
Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。 
    格式: 
        BEHAVIOR="…" 
    BGCOLOR="…" 
    DIRECTION="…" 
    HEIGHT="…" 
    WIDTH="…" 
    HSPACE="…" 
    VSPACE="…" 
    LOOP="…" 
    SCROLLAMOUNT="…" 
    SCROLLDELAY="…" 
        ONMOUSEOUT=this.start() 
        ONMOUSEOVER=this.stop()
    >… 
    
 
   
    属性: 
    ALIGN:用于按设定的值对齐滚动的文本。ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不是必须使用的。 
    例: 
    这段滚动文字设定为上对齐 
   
   
    BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。如果设定为ALTERNATE,则文本从一边移动到另一边。如果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有:SILIDE,ALTERNATE,SCROLL。 
    例: 
    文字从一边移动到另一边 
   
   
    BGCOLOR:用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。 
    例: 
    用颜色名称设定滚动文字背景颜色为红色 
    用16进制值设定滚动文字背景颜色为红色 
    用RGB设定滚动文字背景颜色为红色 
      
    DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。 
    例: 
    文字向左边滚动 
    文字向右边滚动 
   
           HEIGHT:用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
    例: 
    滚动字幕的高度是可视页面的10% 
    滚动字幕的高度是12像素 
      
    WIDTH:用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
    例: 
    滚动字幕的宽度是可视页面的90% 
    滚动字幕的宽度是200像素 
      
    HSPACE:用于设定滚动字幕左右的空白空间,空白空间用像素表示。此属性不是必须使用的。 
    例: 
    滚动字幕左右空白空间为15个像素 
     
    VSPACE:用于设定滚动字幕上下的空白空间,空白空间用像素表示。此属性不是必须使用的。 
    例: 
    滚动字幕上下的空白空间为2个像素 
     
    LOOP:用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。此属性不是必须使用的。 
    例: 
    文字滚动无数次 
    文字滚动5次 
   
    SCROLLAMOUNT:用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用的。 
    例: 
    此文本后面的间隔为10个像素 
      
    SCROLLDELAY:用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用的。 
    例: 
    此文本两次滚动之间的间隔时间为5毫秒

        ONMOUSEOUT=this.start() :用来设置鼠标移出该区域时继续滚动
        ONMOUSEOVER=this.stop():用来设置鼠标移入该区域时停止滚动
javascript实现连续滚动

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经典论坛的消息滚动
'); marqueeId+=2; if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function reinitMarquee() { js_scroll_content.src='scroll_content2.js'; marqueeContent=marqueeContent.random(); var str=''; for(var i=0;i0?'  ':'')+marqueeContent[i]; marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str; marqueeId=2; } function startMarquee() { var str=''; for(var i=0;(i0?'  ':'')+marqueeContent[marqueeId+i]; } marqueeId+=3; if(marqueeId>marqueeContent.length)marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
复制代码 代码如下:



var marqueeContent=new Array();
marqueeContent[0]='刷新列表';
    CALL online_users
    sql = "SELECT O.userName,U.realName FROM TBL_ONLINE O left join TBL_USER U on O.userName=U.userName ORDER BY O.loginTime DESC"
    Set rs = conn.execute(sql)
    If NOT (rs.eof AND rs.bof) Then
        count=1
        do while not rs.eof
%>
marqueeContent[]='">';
            count=count+1
        loop
    End If
    rs.close
    set rs=nothing
    conn.close
    set conn=nothing
%>


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
会移动的文字(Marquee)_经验交流会移动的文字(Marquee)_经验交流会移动的文字(Marquee)_经验交流会移动的文字(Marquee)_经验交流
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号