无缝滚动新闻的Javascript源代码
重点在于function scroll(),function clipShow()及以下for循环。
无缝滚动新闻的Javascript源代码,放在这里,有需要的时候可能用得上:
//CSS样式
<style>
.new_newsT{
padding-top: 10px;
padding-bottom: 8px;
}
.new_newsT .list {
CLEAR: both; MARGIN: 0px 6px 0px 10px
}
.new_newsT .list UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px
}
.new_newsT .list LI {
CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 26px;
PADDING-TOP: 0px;
TEXT-ALIGN: left;
width: 390px;
white-space: nowrap;
padding-left: 8px;
overflow: hidden;
background-image: url(/images/2/icon_20.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 14px;
text-overflow:ellipsis;
}
.newReportMarquee {
width:420px;
height:128px;
text-align:left;
margin:0px;padding:0px;
overflow:hidden;
white-space:nowrap;
}
</style>
//相关内容
<table>
<tr>
<td class="new_newsT"><div onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
<div id="newReport" class="newReportMarquee">
<ul id="NewsMarquees" class="list">
<li><a href="/Article/ShowInfo.asp?ID=4757" title="狂烧16小时 五千平米仓库裂成两半">狂烧16小时 五千平米仓库裂成两半</a> <span style="color:red">[09月17日]</span></li>
<li><a href="/Article/ShowInfo.asp?ID=4743" title="东莞市发生一起特大交通事故致4死两伤">东莞市发生一起特大交通事故致4死两伤</a> <span>[09月14日]</span></li>
&n
相关文档:
1.不过我教你一个学做网页的技巧
每看到一个漂亮的网页就查看下代码
2.看张孝祥的视频
3。从基础学起。然后学些基本的WEB开发应用
推荐一个网站http://www.ccscript.cn/
该站详细分类JS的基础,对象,极其应用;
该站有多种当今流行的JS框架;
站内主打Jquery框架的基础及应用;
包括特效代码和展示特效; ......
"These memory leaks often
occur as a result of circular references between JavaScript objects and
objects within IE’s DOM (document object model)."
GPDE Team Blog
明显的DOM对象与 JavaScript对象循环引用很好判断,难的是隐含的循环引用判断!
隐含的循环引用需要通过作用域链进行分析判 ......
JavaScript验证正则表达式大全
匹配中文字符的正则表达式: [\u4E00-\uFA29]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了
匹配双字节字符(包括汉字在内):[^x00-xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
匹配空白行的正则表达式:ns*r
评注:可以用来删除空白行
......
创建RegExp对象实例的两种方式
1.使用RegExp对象的显示构造函数,语法为:new RegExp("pattern")[,"flags"];
2.使用RegExp对象的隐示构造函数,语法为:/pattern/flags;
3.flags为以下标志字符的组合
(1).g作全局标志,如果没有,匹配第一个
(2). i 忽略大小写
(3).m 多行标志
正 ......