4顶

上下自动滚动新闻效果

稿源：互联网 2022-06-11 18:05:54 点击： 3234 撤稿纠错

鼠标放在方框上，新闻内容则自动滚动

以下讨论的是和滚动新闻相关的上下自动滚动新闻效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<HTML><HEAD><TITLE>上下自动滚动新闻效果－阿里西西 alixixi.com</TITLE> 
<META content="text/html; charset=gb2312" http-equiv=Content-Type> 
<STYLE type=text/css>#divUpControl { 
    LEFT: 10px; POSITION: absolute; TEXT-ALIGN: right; TOP: 10px; WIDTH: 294px; Z-INDEX: 1 
} 
#divDownControl { 
    LEFT: 10px; POSITION: absolute; TEXT-ALIGN: right; TOP: 240px; WIDTH: 294px; Z-INDEX: 1 
} 
#divContainer { 
    CLIP: rect(0px 294px 210px 0px); HEIGHT: 210px; LEFT: 10px; OVERFLOW: hidden; POSITION: absolute; TOP: 30px; VISIBILITY: hidden; WIDTH: 294px 
} 
#divContent { 
    LEFT: 0px; POSITION: absolute; TOP: 0px 
} 
DIV { 
    COLOR: #ffffcc; FONT-SIZE: 9pt; LINE-HEIGHT: 150% 
} 
A:link { 
    COLOR: #ffffcc; TEXT-DECORATION: none 
} 
A:visited { 
    COLOR: #ffffcc; TEXT-DECORATION: none 
} 
A:active { 
    COLOR: #ffffcc; TEXT-DECORATION: none 
} 
A:hover { 
    COLOR: #00ffff 
} 
</STYLE>

<SCRIPT language=JavaScript>// begin absolutely positioned scrollable area object scripts  
// Extension developed by David G. Miles  
// Original Scrollable Area code developed by Thomas Brattli  
function verifyCompatibleBrowser(){  
    this.ver=navigator.appVersion  
    this.dom=document.getElementById?1:0  
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;  
    this.ie4=(document.all && !this.dom)?1:0;  
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;  
  
    this.ns4=(document.layers && !this.dom)?1:0;  
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)  
    return this  
}  
bw=new verifyCompatibleBrowser()  
  
  
var speed=50  
  
var loop, timer  
  
function ConstructObject(obj,nest){  
    nest=(!nest) ? '':'document.'+nest+'.'  
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;  
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;  
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight  
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight  
    this.up=MoveAreaUp;this.down=MoveAreaDown;  
    this.MoveArea=MoveArea; this.x; this.y;  
    this.obj = obj + "Object"  
    eval(this.obj + "=this")  
    return this  
}  
function MoveArea(x,y){  
    this.x=x;this.y=y  
    this.css.left=this.x  
    this.css.top=this.y  
}  
  
function MoveAreaDown(move){  
    if(this.y>-this.scrollHeight+objContainer.clipHeight){  
    this.MoveArea(0,this.y-move)  
    if(loop) setTimeout(this.obj+".down("+move+")",speed)  
    }  
}  
function MoveAreaUp(move){  
    if(this.y<0){  
    this.MoveArea(0,this.y-move)  
    if(loop) setTimeout(this.obj+".up("+move+")",speed)  
    }  
}  
  
function PerformScroll(speed){  
    if(initialised){  
        loop=true;  
        if(speed>0) objScroller.down(speed)  
        else objScroller.up(speed)  
    }  
}  
  
function CeaseScroll(){  
    loop=false  
    if(timer) clearTimeout(timer)  
}  
var initialised;  
function InitialiseScrollableArea(){  
    objContainer=new ConstructObject('divContainer')  
    objScroller=new ConstructObject('divContent','divContainer')  
    objScroller.MoveArea(0,0)  
    objContainer.css.visibility='visible'  
    initialised=true;  
}  
// end absolutely positioned scrollable area object scripts

</SCRIPT>

<META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD> 
<BODY bgColor=#cf006f leftMargin=0 onload=InitialiseScrollableArea()  
text=#000000 topMargin=0> 
<div id=Layer1  
style="HEIGHT: 14px; LEFT: 230px; POSITION: absolute; TOP: 276px; WIDTH: 122px; Z-INDEX: 2">All  
Rights Reserved.</div> 
<table border=0 cellPadding=0 cellSpacing=0 height=300 width=360> 
   
  <tr> 
    <td background=ckh.files/a_r1_c2.jpg> 
      <div id=divUpControl  
      style="HEIGHT: 16px; LEFT: -3px; TOP: 37px; WIDTH: 342px"><a  
      href="javascript:;" onmouseout=CeaseScroll()  
      onmouseover=PerformScroll(-20)><img border=0 height=15  
      src="http://www.alixixi.com/UploadPic/userface/no1323.jpg" width=15></a></div> 
      <div id=divDownControl  
      style="HEIGHT: 14px; LEFT: 10px; TOP: 254px; WIDTH: 329px"><a  
      href="javascript:;" onmouseout=CeaseScroll()  
      onmouseover=PerformScroll(20)><img border=0 height=14  
      src="http://www.alixixi.com/UploadPic/userface/no1323.jpg" width=15></a></div> 
      <div id=divContainer style="LEFT: 15px; TOP: 47px; VISIBILITY: visible"> 
      <div id=divContent> 
      <P><B>　　　　　　　　创刊号 </B><br>　　经过几天的努力，新青年社区“斑竹心语”终于和大家见面了。第一个要感谢的就是我们技术顾问、<a  
      href="http://house.cnool.net/"  
      target=_blank>东方热线房产频道</a>的编辑阿水，他为我们提供了这个漂亮的模板。可以说，没有他就没有这个主页。让我们再向他致以十二万分的谢意。<br>　　我曾试图把外观改掉，但一天过去了我始终没有找到合适的配色方案，就保留了模板的配色方案。还存在一个小问题，就是滚动的速度太快，也待五一节后阿水来解决。<br>　　下面，我来简单地说说为什么我要做这个主页。做这个主页，我是想让网友更多的认识、了解我们的斑竹，从而加入到我们的行列，让我们的社区成为全亚洲华人青年交流的社区。<br>　　其实，青年人杰网站的发展方向，一直困扰着我。因为工作的原因，我没有太多的时间来写作，所以它的兴衰成败全都系于网友身上，这其中自然又首推斑竹了。那么，怎样才能留住为新青年社区贡献自己青春和心血的斑竹呢，希望这个主页可以为他们带来自豪感。<br>　　从青年网站发展到今，按照时间顺序为新青年社区作出突出贡献的有：新视野主编、黄石日报的aaa7、北京的潮汐、河南的孪生姐妹绿光和circle、梦飞翔、浙江的彩虹、上海的敏com、武汉的清欢、湖南的白谈笑、新加坡华籍公民彩云、新华社湖北内参的tianword、长沙的无冕之王、中南财经政法大学书法协会副会长王书成、王维伟......<br>　　青年人杰网倡导理性思考、展示中华书画艺术，是青年才俊情感、文学、艺术交流的乐园。在千藤园展示作品的作者多为有省级以上获奖作品的书画爱好者。<br>　　在网站没有盈利前，我能做的就是努力工作，争取更多的奖金和找出其他更多的赚钱之道，来支付网站每年的域名费和不断追加的空间费。<br>　　希望青年人杰网站伴随网友渡过漫漫人生路，即使老了我们还把她当作一个快乐的宝。<br>　　最后再次感谢阿水，也希望每一个来新青年社区的网友都能找到快乐和理性的东西。  
      </P></div></div></td></tr></table></BODY></HTML>

关于上下自动滚动新闻效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200903033995.shtml方便下次再访问哦。

·上一篇： WEB版敲砖头游戏
·下一篇： 复制文本到剪帖板

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

上下自动滚动新闻效果

文章分类LIST >>返回首页

最新游戏

最新新闻