上下自动滚动新闻效果网页特效代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

热点推荐: 英文字体人民币汇率
dw插件站长常用软件
alexa排名查询

您的位置: 网页特效 -> 计数转换 -> 上下自动滚动新闻效果网页特效代码

上下自动滚动新闻效果网页特效代码

作者:上下自动滚动新闻效果网页特效代码发布时间:2007-11-22 0:19:37 发布人: admin

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html><head><title>上下自动滚动新闻效果</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>

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

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> 
<input type="button" name="Button" value="查看源代码" onclick="window.location = "view-source:" + window.location.href"></div>

上下自动滚动新闻效果网页特效代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：JS百分比及饼形图网页特效代码下一篇：文章：鼠标测试游戏