| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • javascript模拟游戏中的…

  • javascript制作闪烁的边…

  • javascript制作浮动的工…

  • javascript设计漫天雪花

  • javascript设计网页中的…

  • 用javascript实现利用FL…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> JSP >> 文章正文
    中文的版用javascript实现超酷的“网页时钟”           
    中文的版用javascript实现超酷的“网页时钟”
    作者:网络 文章来源:转载 点击数: 更新时间:2006-1-19
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:
     

    只须将如下的JavaScript代码插入到你页面html的<head>区即可!

    <SCRIPT language=JavaScript>
    <!--
    dCol='yellow'; //定义日历颜色
    fCol='#ff0000'; //定义1-12这12个数的颜色
    sCol='#00ff00'; //定义秒针颜色
    mCol='#0000ff'; //定义分针颜色
    hCol='#ff0000'; //定义时针颜色
    ClockHeight=40; //定义时钟的高度
    ClockWidth=40; //定义时钟的宽度
    ClockFromMouseY=0; //定义时钟的中心距鼠标的相对垂直距离
    ClockFromMouseX=100; //定义时钟中心距鼠标的相对水平距离
    //以上颜色值你要据你页面的背景颜色进行修改!注意不要你页面的背景色一致哦。
    d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    m=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月",
    "十月","十一月","十二月"); //以上是给定星期和月份的取值范围
    date=new Date();
    day=date.getDate(); //取得当前日期命令
    year=date.getYear(); //取得当前年份命令
    if (year < 2000) year=year+1900;
    TodaysDate="年 "+m[date.getMonth()]+" "+day+"日 "+d[date.getDay()]+" "+year;
    D=TodaysDate.split(''); //显示"某年某月某日"
    H='...';
    H=H.split('');
    M='....';
    M=M.split('');
    S='.....';
    S=S.split(''); //使秒、分、时针反向相应的位置
    Face='1 2 3 4 5 6 7 8 9 10 11 12';
    font='Arial';
    size=1; //定义秒、分、时针及1-12等字符的宋体、大小(最好匆改动哦)
    speed=0.8; //定义一旦鼠标位置发生变化时所有相关字符跟随至前面指定的鼠标的相对位置的速度,
    能看到各字符的轨迹,值可在0.1-1.0之间改动(值最小为0.1时跟随过来的速度最慢,值为1.0时跟随速度最快且与轨迹显示)
    ns=(document.layers);
    ie=(document.all); //说明在NS和IE两种不同浏览器里都适用

    //以下的大段语句定义了NS和IE浏览器各自如何控制并完成时间和旋转的日历跟随鼠标转的
    Face=Face.split(' ');
    n=Face.length;
    a=size*10;
    ymouse=0;
    xmouse=0;
    scrll=0;
    props="<font face="+font+" size="+size+" color="+fCol+">";
    props2="<font face="+font+" size="+size+" color="+dCol+">";
    Split=360/n;
    Dsplit=360/D.length;
    HandHeight=ClockHeight/4.5
    HandWidth=ClockWidth/4.5
    HandY=-7;
    HandX=-2.5;
    scrll=0;
    step=0.06;
    currStep=0;
    y=new Array();x=new Array();Y=new Array();X=new Array();
    for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
    Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
    for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

    [1] [2] [3] [4] 下一页  

    文章录入:54iter    责任编辑:54iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |