频道:电脑学院·操作系统·软件教程·设计学院· 网络编程·硬件教程·电脑医院·专家装机·在线问答电脑软硬件应用网支持手机WAP浏览
推荐:黑客防线·QQ 相关·服务器架设·局域网技术·办公自动化·笔记本·图像处理·网页设计·数据库电脑软硬件应用网Rss 2.0
您现在的位置： 电脑软硬件应用网 >> 设计学院 >> 网页特效 >> 正文
特酷的倒影时钟代码    热     ★★★ 【字体：小 大】
特酷的倒影时钟代码
作者:佚名 　　文章出处:电脑软硬件应用网 　　更新时间:2007-3-14 18:56:05
脚本说明: 
第一步:把如下代码加入<head>区域中 
<head> 
<style> 
.time { font-size: 12pt; line-height: 14pt; color:red;} 
</style> 
<SCRIPT language=JavaScript> 
<!-- Hiding 
var ctimer; 

function init(){ 
if (document.all){ 
tim2.style.left=tim1.style.posLeft; 
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6; 
settimes(); 
} 
} 

function settimes(){ 
var time= new Date(); 
hours= time.getHours(); 
mins= time.getMinutes(); 
secs= time.getSeconds(); 
if (hours<10) 
hours="0"+hours; 
if(mins<10) 
mins="0"+mins; 
if (secs<10) 
secs="0"+secs; 
tim1.innerHTML=hours+":"+mins+":"+secs 
tim2.innerHTML=hours+":"+mins+":"+secs 
ctimer=setTimeout(’settimes()’,960); 
} 
// Done hiding --> 
</SCRIPT> 


第二步:把如下代码加入<body>区域中 
<DIV class=time id=tim1  
style="HEIGHT: 20px; LEFT: 50px; POSITION: absolute; TOP: 10px; WIDTH: 10px"></DIV> 
<DIV class=time id=tim2  
style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV> 

第三步:把<body>改为 
<body bgcolor="#fef4d9" onload="init()"> 本文引用自www.45it.com电脑软硬件应用网
  • 上一篇文章：

  • 下一篇文章：
    • 最新热点 最新推荐 相关
    炫彩变色菜单代码
    类似QQ的菜单，刷新时记住当…
    图片轮显效果大全
    js代码显示公历和农历
    禁止网页页面刷新的特效代码
    推荐几个入门级的JS特效代码
    javascript实现仿新浪信息提…
    自动记录网站更新日期
    点击消失的漂浮广告图片
    左右两边浮动广告特效代码