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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 新闻一段时间向上滚动效果

Javascript: 打开windows运行对话框的js; [原创]保存的js无法执行的解决办法; 可以关闭计算机的js脚本; JavaScript中void(0)的具体含义解释; javascript编程起步（第三课）; javascript第一课; javascript里的条件判断; setTimeout和setInterval的浏览器兼容性分析; js实现图片等比缩略显示支持IE/FF; 特殊数据的js四舍五入问题; 求解开jscript.encode代码的asp函数; 用javascript实现“闪动”标题栏; 用javascript实现记录来宾姓名的代码; [JS]实现动态增加框架！未完成; 用js一招破解所有网页的加密源代码的方法; 窗口没有提示自动关闭的js代码; 解决远程页面抓取中的乱码问题？; 如何实现从照片中裁切自已的肖像呢？; 参考：关于Javascript中实现暂停的几篇文章; Javascript中暂停功能的实现代码

No. « ‹ 50 51 52 53 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 152 ::

收藏到网摘: n/a

[原创]图片分页查看让文字在页面上90度，180度翻转

点击运行可以看到效果:

<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">
●
[<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 全选提示:你可先修改部分代码,再按运行]

[原创]图片分页查看让文字在页面上90度，180度翻转

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

评论 (0) All

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