| 项目搜索 |
| |
|
代码片段库:
查看代码片段
浏览
| 提交新的代码片段
| 创建代码包
柱状时间显示
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
一个柱状时间显示的特效,效果非常有意思,酷
|
该代码片段的版本系列:
片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
4647 | 1.0 | 2003-10-13 22:38 | cbd001 | |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
脚本说明:
把如下代码加入<body>区域中
<style>body,td,div,a,input{font:menu}</style>
<script>
function timer() {
var scale=6;
d=new Date()
d.setDate(d.getDate()-1)
a=d.toLocaleString();
s=a.substr(17,2);
m=a.substr(14,2);
h=a.substr(11,2);
x=a.substr(18,1);
ss=new Date().getTime().toLocaleString();
sss=ss.substr(10,2);
document.all("is").height=s*scale;
document.all("im").height=m*scale;
document.all("ih").height=h*scale;
document.all("ii").height=sss*scale*0.6;
stxt.innerText=s;
mtxt.innerText=m;
htxt.innerText=h;
otxt.innerText=sss;
setTimeout("timer()",10);
}
window.onload=timer;
</script>
现在时间:
<div class=dtime style="position: absolute;width:600;top:500;left:100">
<div class=dtime title="秒" style="position: absolute;bottom:0;left:60" align="center"><img style="background-color: #00FF00" id="is" src="px.gif" height="100" width="20" ><br><span id=stxt>:</span></div>
<div class=dtime title="分钟" style="position: absolute;bottom:0;left:30" align="center"><img style="background-color: green" id="im" src="px.gif" height="100" width="20" ><br><span id=mtxt></span>:</div>
<div class=dtime title="小时" style="position: absolute;bottom:0;left:0" align="center"><img style="background-color: FF0000" id="ih" src="px.gif" height="100" width="20" ><br><span id=htxt></span>:</div>
<div class=dtime title="00" style="position: absolute;bottom:0;left:90" align="center"><img style="background-color: yellow" id="ii" src="px.gif" height="100" width="20" ><br><span id=otxt></span></div>
</div>
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来. |
|