• [ x0429.COM 电 脑 知 识 学 习 网 ]
  • RSS订阅
  • 网站地图
  • 搜索: 您的位置电脑基础知识网>网站素材>阅读资讯文章

    背景色不停闪烁的特效

    2008-05-19 10:16:07 来源:网络其他网站 作者:采集 点击: 评论:0
    要完成此效果需要两个步骤

    第一步:把如下代码加入到%26lt;head%26gt;区域中

    %26lt;SCRIPT LANGUAGE=%26quot;JavaScript%26quot;%26gt;

    %26lt;!-- Hide from old browsers
    var Color= new Array(9);
    Color[1] = %26quot;ff%26quot;;
    Color[2] = %26quot;ee%26quot;;
    Color[3] = %26quot;dd%26quot;;
    Color[4] = %26quot;cc%26quot;;
    Color[5] = %26quot;bb%26quot;;
    Color[6] = %26quot;aa%26quot;;
    Color[7] = %26quot;99%26quot;;
    Color[8] = %26quot;88%26quot;;
    Color[9] = %26quot;77%26quot;;
    Color[10] = %26quot;66%26quot;;
    Color[11] = %26quot;55%26quot;;
    Color[12] = %26quot;44%26quot;;
    Color[13] = %26quot;33%26quot;;
    Color[14] = %26quot;22%26quot;;
    Color[15] = %26quot;11%26quot;;
    Color[16] = %26quot;00%26quot;;
    /* Do not display text on a fading background. Instead, let it
    fade in and out once or twice, then load a new page. */
    function fadeIn(where) {
    if (where %26gt;= 1) {
    document.bgColor=%26quot;#%26quot; + Color[where] +%26quot;0000%26quot;;
    where -= 1;
    setTimeout(%26quot;fadeIn(%26quot;+where+%26quot;)%26quot;, 15);
    } else {
    setTimeout('fadeOut(1)', 15);
    }
    }
    function fadeOut(where) {
    if (where %26lt;=16) {
    document.bgColor=%26quot;#%26quot; + Color[where] +%26quot;0000%26quot;;
    where += 1;
    setTimeout(%26quot;fadeOut(%26quot;+where+%26quot;)%26quot;, 15)
    } else {
    setTimeout(%26quot;fadeIn(16)%26quot;, 15);
    // window.location.href=%26quot;http://www.jojoo.net/%26quot;;
    }
    }
    // Unhide --%26gt;
    %26lt;/SCRIPT%26gt;


    第二步:把“onLoad=%26quot;fadeIn(16)%26quot;”加在%26lt;body%26gt;标记里
    例如:%26lt;body onLoad=%26quot;fadeIn(16)%26quot;%26gt;

    Tags:[标签:标签]  
    责任编辑:
  • 请文明参与讨论,禁止漫骂攻击。 用户名:新注册) 密码: 匿名:
    评论总数:0 [ 查看全部 ] 网友评论