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

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

Javascript: javascript 面向对象的经典实例代码; javascript prototype原型操作笔记; JavaScript 常见对象类创建代码与优缺点分析; javascript 混合的构造函数和原型方式，动态原型方式; 测试JavaScript字符串处理性能的代码; JQuery 表单中textarea字数限制实现代码; jQuery Selectors(选择器)的使用(六、属性篇); IE浏览器打印的页眉页脚设置解决方法; javascript检测(控制 )上传文件大小; jquery 双色表格实现代码; JavaScript Cookie的读取和写入函数; JavaScript 利用Cookie记录用户登录信息; JavaScript Cookie显示用户上次访问的时间和次数; JavaScript Cookie 直接浏览网站分网址; javascript OFFICE控件测试代码; javascript setTimeout和setInterval 的区别; javascript弹出窗口 window.open使用方法以及参数说明分析篇; 可以用来搜索当前页面内容的js代码; 动态调整textarea中字体的大小代码; 为指定元素增加样式的js代码

No. « ‹ 246 247 248 249 › »

技术文章搜索

关键字

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

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

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