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

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

Javascript: javascript 实现的类似hao123的多邮箱登录效果; 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果; 出现“不能执行已释放的Script代码”错误的原因及解决办法; “不能执行已释放的Script代码”错误的原因及解决办法; javascript入门·对象属性方法大总结; javascript入门·动态的时钟,显示完整的一些方法,新年倒计时; JavaScript 入门·JavaScript 具有全范围的运算符; 用javascript实现代替marquee的滚动字幕效果代码; [原创]仿google adsense颜色选择器代码，从中易广告联盟程序提取; greenbrower用到的function.js代码集合; javascript flash下fromCharCode和charCodeAt方法使用说明; 内部的小页面，用层制作，随机变色; javascript简写效果“神秘的眼睛”; 用js写“算24”游戏的思路分析与实现代码; [原创]js循环输出图片，不足的要补0; json简单介绍; javascript 获取网页参数系统; [原创]js判断ie方法集锦（含正则）代码短小经典; javascript SocialHistory 检查访问者是否访问过某站点; [原创]js判断是否有中文的脚本_js判断中文方法集合

No. « ‹ 182 183 184 185 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的新闻一段时间向上滚动效果