求教~~如何实现这样的效果 — 编程爱好者社区

沙发

happytor [专家分：70] 发布于 2006-12-02 14:52:00

你想用什么语言呢?我会写C语言代码版的.JAVASCRIPT是刚刚开始学,不会,VBS还不会.

板凳

oyh484203 [专家分：5890] 发布于 2006-12-06 15:59:00

JS写了一段：
脚本说明:
把如下代码加入<body>区域中
<STYLE type=text/css>.light {
    FILTER: Light
}
.date {
    COLOR: #000000; FONT-FAMILY: "Geneva", "Arial", "Helvetica", "san-serif"; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: center
}
</STYLE>

<SCRIPT>
function setLights(){
    var sx=Math.cos(slightDir)*slightr;
    var sy=Math.sin(slightDir)*slightr;
    var mx=Math.cos(mlightDir)*mlightr;
    var my=Math.sin(mlightDir)*mlightr;
    var hx=Math.cos(hlightDir)*hlightr;
    var hy=Math.sin(hlightDir)*hlightr;
    sconDiv.filters.Light.clear();
    sconDiv.filters.Light.addCone(sx+72,sy+72,1,73,72,215,255,5,20,1);
    sconDiv.filters.Light.addCone(mx+72,my+72,1,73,72,255,10,0,20,2);
    sconDiv.filters.Light.addCone(hx+72,hy+72,1,73,72,15,100,255,20,4);
    sconDiv.filters.Light.addAmbient(155,155,155,100);
}

function timeGo(){
    var tt=new Date();
    slightDir=(tt.getSeconds())/60*6.28-1.57;
    mlightDir=(tt.getMinutes())/60*6.28-1.57;
    hlightDir=(tt.getHours())/12*6.28-1.57+mlightDir/6.28*0.52+0.05;
    dateDiv.innerText=tt.getMonth()+1+"-"+tt.getDate();
    setLights();
}

function InitClock(){
    slightr=110;
    mlightr=90;
    hlightr=60;
    timeGo();
    setInterval("timeGo()",1000);
}
window.onload=InitClock;
</SCRIPT>

<DIV id=clockDiv
style="HEIGHT: 222px; LEFT: 145px; POSITION: absolute; TOP: 12px; WIDTH: 233px; Z-INDEX: 1">
<DIV class=light id=sconDiv
style="HEIGHT: 70px; LEFT: 27px; POSITION: absolute; TOP: 22px; WIDTH: 70px; Z-INDEX: 1"><IMG
height=144 src="clockm.gif" width=144></DIV><IMG height=200
src="clock2.gif" width=200>
<DIV id=clLayer
style="HEIGHT: 25px; LEFT: 88px; POSITION: absolute; TOP: 80px; WIDTH: 25px; Z-INDEX: 2"><IMG
height=26 src="clockd.gif" width=26></DIV>
<DIV class=date id=dateDiv
style="HEIGHT: 16px; LEFT: 85px; POSITION: absolute; TOP: 178px; WIDTH: 32px; Z-INDEX: 3">12-2</DIV></DIV>

3 楼

torycatkin [专家分：60] 发布于 2007-08-10 21:15:00

写个什么样式的？
我用DHTML和JSCRIPT写了个日期的组件，你如果想加个时钟的话也可以很方便的扩展上去。
样子如下：
<img>d:\a.bmp</img>

4 楼

torycatkin [专家分：60] 发布于 2007-08-10 21:16:00

写个什么样式的？
我用DHTML和JSCRIPT写了个日期的组件，你如果想加个时钟的话也可以很方便的扩展上去。
样子如下：

[img]d:\a.bmp[/img]

您尚未登录，请登录后再回复。点此登录或注册

主题：求教~~如何实现这样的效果

回复列表（共4个回复）

我来回复

程序员工具箱 new

代码片段