流畅的向上滚动新闻代码特效
2008-11-24 19:49
281 查看
<script type="text/javascript"><!--
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><div id="marquees">
<a href="#">欢迎访问corange.cn,</a><br>
<br>
<a href="#">就在这里我们共同进步 </a><br>
<br>
<a href="#">corange.cn<a target="_blank" href="http://www.corange.cn/" class="wordstyle">web开发</a>网站,</a><br>
<br>
<a href="#">asp php jsp net代码</a><br>
<br>
</div>
<script language="JavaScript">
marqueesHeight=200;
stopscroll=false;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollUp()",10);
}
document.body.onload=init;
function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><div id="marquees">
<a href="#">欢迎访问corange.cn,</a><br>
<br>
<a href="#">就在这里我们共同进步 </a><br>
<br>
<a href="#">corange.cn<a target="_blank" href="http://www.corange.cn/" class="wordstyle">web开发</a>网站,</a><br>
<br>
<a href="#">asp php jsp net代码</a><br>
<br>
</div>
<script language="JavaScript">
marqueesHeight=200;
stopscroll=false;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollUp()",10);
}
document.body.onload=init;
function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
相关文章推荐
- 流畅的向上滚动新闻代码特效
- JavaScript实现垂直向上无缝滚动特效代码
- jQuery实现自动与手动切换的滚动新闻特效代码分享
- 文字向上滚动特效,在一行中切换,可以用在新闻或者公告中
- 基于JS实现新闻列表无缝向上滚动实例代码
- 博客网页特效代码- 添加滚动新闻代码
- jQuery实现自动与手动切换的滚动新闻特效代码分享
- 热点新闻滚动特效的js代码
- js 向上滚动新闻代码
- js实现文字定时向上滚动效果_文字特效_js网页特效代码
- js实现图片向上连续滚动特效代码(含注释)
- 基于JS实现新闻列表无缝向上滚动实例代码
- 新闻或图片上下滚动代码
- 【js特效】单行多条新闻滚动效果
- 网页 滚屏特效,用flash做背景,定时滚动,ccs背景代码效果语法,使用CSS处理表格边框样式化
- android中listview仿qq群组向上滚动特效
- 单行文字不断向上滚动特效
- 文字不间断向左滚动的网页特效代码
- Jquery之新闻向上、下滚动
- 图片连续循环滚动代码(向上)