页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 典型特效 → 正文内容新闻一段时间向上滚动效果

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

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<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>

●  
[<A href="/WebSafe/" target=_blank>WEB安全</A>] 
<A title=【WEB服务器】常见端口的作用、漏洞和操作建议 href="/WebSafe/Subject16/20068751627849.html" target=_blank>【WEB服务器】常见端口的作用、漏洞和操作建议</A>

●  
[<A href="/WebSafe/" target=_blank>WEB安全</A>] 
<A title=【WEB服务器】win2000虚拟主机安全配置详解 href="/WebSafe/Subject16/20068651627847.html" target=_blank>【WEB服务器】win2000虚拟主机安全配置详解</A>

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

●  
[<A href="/WebW3C/" target=_blank>WEB标准</A>] 
<A title=【HTML】表单样式大全 href="/WebW3C/Subject11/200662631127845.html" target=_blank>【HTML】表单样式大全</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】三种分页效率测试 href="/weBuild/Subject1/20066231127843.html" target=_blank>【ASP编程】三种分页效率测试</A>

●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【互联网新闻】Windows Vista Beta2 下载安装体验风格图标 href="/WebNews/Subject34/200661793427842.html" target=_blank>【互联网新闻】Windows Vista Beta2 下载安装体验风格图标</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】健壮的AJAX源码学习应用示例 href="/weBuild/Subject42/200661614227841.html" target=_blank>【JAVA/AJAX】健壮的AJAX源码学习应用示例</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】学习Ajax教程第一天[掌握AJAX] href="/weBuild/Subject42/200661514227837.html" target=_blank>【JAVA/AJAX】学习Ajax教程第一天[掌握AJAX]</A>

●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】2006世界杯赛事日程时间表 href="/WebNews/Subject36/200661193627836.html" target=_blank>【WEB程序员专栏】2006世界杯赛事日程时间表</A>

●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【互联网新闻】丁磊：那时候我们除了会写软件 什么也不会做 href="/WebNews/Subject34/200661093427835.html" target=_blank>【互联网新闻】丁磊：那时候我们除了会写软件 什么也不会做</A>

●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】ASP开发规范 href="/WebNews/Subject36/200661093627833.html" target=_blank>【WEB程序员专栏】ASP开发规范</A>

●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】大型高并发高负载网站的系统架构[转载] href="/WebNews/Subject36/200661093627830.html" target=_blank>【WEB程序员专栏】大型高并发高负载网站的系统架构[转载]</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】(人民币)金额大小写转换函数 href="/weBuild/Subject1/20066101127828.html" target=_blank>【ASP编程】(人民币)金额大小写转换函数</A>

●  
[<A href="/WebDown/" target=_blank>资源下载</A>] 
<A title=【网站开发文档】网站建设项目的步骤 href="/WebDown/Subject32/20066383227826.html" target=_blank>【网站开发文档】网站建设项目的步骤</A>

●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】韩国网页模板下载网址大全 href="/WebNews/Subject36/20066393627817.html" target=_blank>【WEB程序员专栏】韩国网页模板下载网址大全</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】Ajax应用案例之MSN Space href="/weBuild/Subject42/20066314227807.html" target=_blank>【JAVA/AJAX】Ajax应用案例之MSN Space</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】AJAX对象调用(XML HTTP Request) href="/weBuild/Subject42/20066314227806.html" target=_blank>【JAVA/AJAX】AJAX对象调用(XML HTTP Request)</A>

●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】ASP在线操作数据库的通用类 href="/weBuild/Subject1/20065301127704.html" target=_blank>【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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

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

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：数字金额千位分隔的Javascript
下一篇文章：javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)

·在百度中搜索关于“新闻一段时间向上滚动效果”相关内容
·在谷歌中搜索关于“新闻一段时间向上滚动效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行