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

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

Javascript: 代码生成器 document.write(); 不错的文字特效，逐字变色效果; javascript下用键盘控制层的移动的代码; 有提示确定与取消功能的弹出式窗的代码; js下弹出窗口的变通; 在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码; 用JAVASCRIPT如何给<textarea></textarea>赋值; 将光标定位到textarea的某一行的javascript代码; 把textarea中字符串里含有的回车换行替换成 的javascript代码; 让textarea控件的滚动条怎是位与最下方; 用javascript实现改变TEXTAREA滚动条和按钮的颜色，以及怎样让滚动条变得扁平; 在textarea中屏蔽js的某个function的javascript代码; textarea的value是html文件源代码,存成html文件的代码; 在textarea中显示html页面的javascript代码; 用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中; 如何做到打开一个页面，过几分钟自动转到另一页面; JS 建立对象的方法; 运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序; JS Timing; 用javascript实现图片马赛克后显示并切换

No. « ‹ 62 63 64 65 › »

技术文章搜索

关键字

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

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

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