cari

Rumah >hujung hadapan web >tutorial js >新闻一段时间向上滚动效果

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

PHP中文网
PHP中文网asal
2016-05-16 19:26:49987semak imbas

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

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>


Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：经验几则 推荐_javascript技巧Artikel seterusnya：JS代码混淆初步_javascript技巧

Artikel berkaitan

Lihat lagi