search

Home >Web Front-end >JS Tutorial >News scroll up effect for a period of time

News scroll up effect for a period of time

PHP中文网
PHP中文网Original
2016-05-16 19:26:49988browse

News scrolling up effect for a period of time

PHP code

<HTML> 
<HEAD> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<STYLE> 
BODY { 
    FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% 
} 
UL { 
    FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% 
} 
LI { 
    FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% 
} 
A:link { 
    FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A:visited { 
    FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A:hover { 
    FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline 
} 
</STYLE> 

<META content="MSHTML 6.00.3790.2491" name=GENERATOR></HEAD> 
<BODY> 
<UL id=icefable1 style="LIST-STYLE-TYPE: none"> 


<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebSafe/" target=_blank>WEB安全</A>] 
<A title=【WEB服务器】常见端口的作用、漏洞和操作建议 href="/WebSafe/Subject16/20068751627849.html" target=_blank><FONT color=red>【WEB服务器】常见端口的作用、漏洞和操作建议</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebSafe/" target=_blank>WEB安全</A>] 
<A title=【WEB服务器】win2000虚拟主机安全配置详解 href="/WebSafe/Subject16/20068651627847.html" target=_blank><FONT color=red>【WEB服务器】win2000虚拟主机安全配置详解</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】IT网络工作者--除了网络我们还剩下些什么? href="/WebNews/Subject36/200672893627846.html" target=_blank><FONT color=red>【WEB程序员专栏】IT网络工作者--除了网络我们还剩下些什么?</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebW3C/" target=_blank>WEB标准</A>] 
<A title=【HTML】表单样式大全 href="/WebW3C/Subject11/200662631127845.html" target=_blank><FONT color=red>【HTML】表单样式大全</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】三种分页效率测试 href="/weBuild/Subject1/20066231127843.html" target=_blank><FONT color=red>【ASP编程】三种分页效率测试</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【互联网新闻】Windows Vista Beta2 下载安装体验风格图标 href="/WebNews/Subject34/200661793427842.html" target=_blank><FONT color=red>【互联网新闻】Windows Vista Beta2 下载安装体验风格图标</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】健壮的AJAX源码学习应用示例 href="/weBuild/Subject42/200661614227841.html" target=_blank><FONT color=red>【JAVA/AJAX】健壮的AJAX源码学习应用示例</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】学习Ajax教程第一天[掌握AJAX] href="/weBuild/Subject42/200661514227837.html" target=_blank><FONT color=red>【JAVA/AJAX】学习Ajax教程第一天[掌握AJAX]</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】2006世界杯赛事日程时间表 href="/WebNews/Subject36/200661193627836.html" target=_blank><FONT color=red>【WEB程序员专栏】2006世界杯赛事日程时间表</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【互联网新闻】丁磊：那时候我们除了会写软件 什么也不会做 href="/WebNews/Subject34/200661093427835.html" target=_blank><FONT color=red>【互联网新闻】丁磊：那时候我们除了会写软件 什么也不会做</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】ASP开发规范 href="/WebNews/Subject36/200661093627833.html" target=_blank><FONT color=red>【WEB程序员专栏】ASP开发规范</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】大型高并发高负载网站的系统架构[转载] href="/WebNews/Subject36/200661093627830.html" target=_blank><FONT color=red>【WEB程序员专栏】大型高并发高负载网站的系统架构[转载]</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】(人民币)金额大小写转换函数 href="/weBuild/Subject1/20066101127828.html" target=_blank><FONT color=red>【ASP编程】(人民币)金额大小写转换函数</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebDown/" target=_blank>资源下载</A>] 
<A title=【网站开发文档】网站建设项目的步骤 href="/WebDown/Subject32/20066383227826.html" target=_blank><FONT color=red>【网站开发文档】网站建设项目的步骤</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】韩国网页模板下载网址大全 href="/WebNews/Subject36/20066393627817.html" target=_blank><FONT color=red>【WEB程序员专栏】韩国网页模板下载网址大全</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】Ajax应用案例之MSN Space href="/weBuild/Subject42/20066314227807.html" target=_blank><FONT color=red>【JAVA/AJAX】Ajax应用案例之MSN Space</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】AJAX对象调用(XML HTTP Request) href="/weBuild/Subject42/20066314227806.html" target=_blank><FONT color=red>【JAVA/AJAX】AJAX对象调用(XML HTTP Request)</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】ASP在线操作数据库的通用类 href="/weBuild/Subject1/20065301127704.html" target=_blank><FONT color=red>【ASP编程】ASP在线操作数据库的通用类</A>
 

</UL> 
<SCRIPT language=JavaScript> 

marqueesHeight=34; 

stopscroll=false; 

with(icefable1) 
{ 
style.height=marqueesHeight; 
style.overflowX="visible"; 

style.overflowY="hidden"; 

noWrap=true; 

onmouseover=new Function("stopscroll=true"); 

onmouseout=new Function("stopscroll=false"); 

} 

preTop=0; 
currentTop=34; 
stoptime=0; 

icefable1.innerHTML += icefable1.innerHTML; 



function init_srolltext() 
{ 
icefable1.scrollTop=0; 
setInterval("scrollUp()",15); 

} 



function scrollUp()  
{ 

if(stopscroll==true) return; 

currentTop+=1; 

if(currentTop>34) 

    { 

    stoptime+=1; 

    currentTop-=1; 

        if(stoptime==300) 
     
        { 
         
        currentTop=0; 
  
        stoptime=0; 

        } 

    } 
  
    else 
    { 
  
    preTop=icefable1.scrollTop; 
    icefable1.scrollTop+=1; 
     

      if(preTop==icefable1.scrollTop) 
   
          { 
   
          icefable1.scrollTop=0; 

          icefable1.scrollTop+=1; 

        } 
  
    } 

} 

init_srolltext(); 

</SCRIPT> 
</BODY> 
</HTML>


Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Some experience recommendations_javascript skillsNext article：Some experience recommendations_javascript skills

Related articles

See more