页面导航：首页 → 网络编程 → JavaScript → 广告代码 → 正文内容

javascript实现的多条新闻公告系统

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML><HEAD><TITLE>公告系统</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<STYLE type=text/css>A:visited { 
    COLOR: #5a614a; TEXT-DECORATION: none 
} 
A:link { 
    COLOR: #5a614a; TEXT-DECORATION: none 
} 
A:hover { 
    LEFT: 1px; FONT-FAMILY: 宋体; POSITION: relative; TOP: 1px 
} 
BODY { 
    FONT-SIZE: 9pt; MARGIN: 0px; TEXT-ALIGN: left 
} 
</STYLE>

<SCRIPT language=JAVAscript> 
 
</SCRIPT> 
 
<SCRIPT> 
<!-- 
document.onmouseover = domouseover; 
document.onmouseout = domouseout;

function makearray(n) { 
    this.length = n; 
    for(var i = 1; i <= n; i++) 
        this[i] = 0; 
    return this; 
}

hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
    hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

function hex(i) { 
    if (i < 0) 
        return "00"; 
    else if (i > 255) 
        return "ff"; 
    else 
       return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setbgColor(r, g, b, element) { 
      var hr = hex(r); var hg = hex(g); var hb = hex(b); 
      element.style.color = "#"+hr+hg+hb; 
}

function fade(sr, sg, sb, er, eg, eb, step, direction, element){ 
    for(var i = 0; i <= step; i++) { 
setTimeout("setbgColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 
    } 
}

function fadeout(element) { 
           
    fade(255,153,0, 0,0,0, 30, 1, element); 
}

/*------------------=[fadein]=---------------------- 
||Fades the text from one color to another color   || 
||when the mouse moves over the link.              || 
||-------------------------------------------------*/

function fadein(element) {

fade(0,0,0, 255,153,0, 18, 1, element); 
} 
/*ignore this >>>>*/ 
function fadeIn2(id){ 
    fade(255,255,255, 88,118,152, 25, 1, id); 
}

function fadeOut2(id){ 
    fade(88,118,152, 255,255,255, 29, 1, id); 
} 
/*<<<<< stop ignoring =)*/

// --> 
</SCRIPT>

<META content="MSHTML 6.00.3790.4064" name=GENERATOR></HEAD> 
<BODY bgColor=#fdf4bc> 
<DIV id=visible><FONT color=#ff6910>公告一句话：<A class=fade id=hottext  
href="http://www.jb51.net/" target=_blank name=a></A></DIV> 
<DIV id=incoming style="DISPLAY: none"> 
<DIV id=AllNews> 
<DIV id=1> 
<DIV id=Summary>1.应广大热爱本站的朋友的要求，本站已正式推出了“清萍学堂”，专门制作视频教程给大家参考学习。 -  
2007-7-10</DIV> 
<DIV id=NewsLink>fq/qpxt/</DIV></DIV> 
<DIV id=2> 
<DIV id=Summary>2.本站第一期电子杂志“flash特效”出世了，精美的画面、精美的内容、优美动听的音乐等你欣赏。 -  
2007-5-31</DIV> 
<DIV id=NewsLink>flash/zazhi/</DIV></DIV> 
<DIV id=3> 
<DIV id=Summary>3.本站下载中心和关于我们已经成功改版了，两个风格都是以古典优雅、高风侠义为表现。 - 2007-7-1</DIV> 
<DIV id=NewsLink>/fq/</DIV></DIV> 
<DIV id=4> 
<DIV id=Summary>4.长期寻求QQ空间flash、flash网站、flash片头等业务制作，价格便宜、服务周到。-  
2006-10-21</DIV> 
<DIV id=NewsLink>images/yewu.htm</DIV></DIV> 
<DIV id=5> 
<DIV id=Summary>5.★强烈推荐大家一款高速稳定、透明代理，安全的英文google浏览器。 点击即可下载→</DIV> 
<DIV id=NewsLink></DIV></DIV></DIV> 
<DIV id=AddNews></DIV></DIV></BODY></HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：javascript实现的多条新闻公告系统