Heim > Web-Frontend > js-Tutorial > 新闻一段时间向上滚动效果

新闻一段时间向上滚动效果

PHP中文网
Freigeben: 2016-05-16 19:26:49
Original
997 Leute haben es durchsucht

新闻一段时间向上滚动效果

PHP代码

<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>
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage