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

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

Javascript: JavaScript 语言精粹学习笔记; 有关div页面拖动、缩放、关闭、遮罩效果代码; JQuery this 和 $(this) 的区别; JS 时间显示效果代码; jquery 表单进行客户端验证demo; JS 获取span标签中的值的代码支持ie与firefox; JavaScript 获取用户客户端操作系统版本; 可以读取EXCEL文件的js代码; JS去除字符串的空格增强版(可以去除中间的空格); 监控用户是否关闭浏览器的js代码; javascript 继承实现方法; JSON 入门指南想了解json的朋友可以看下; javascript 函数调用规则; 动态表格Table类的实现; JSON 客户端和服务器端的格式转换; jQuery ui1.7 dialog只能弹出一次问题; javascript 遍历验证所有文本框的值; 关于IE、Firefox、Opera页面呈现异同写脚本很痛苦; javascript 简练的几个函数; csdn 博客中实现运行代码功能实现

No. « ‹ 154 155 156 157 › »

技术文章搜索

关键字

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

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

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