设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 时间日期 > 详细内容
阴影效果的电子表
发布时间:2010-1-27  阅读次数:10444  字体大小: 【】 【】【

<html>
<head>
<title>网页特效|Linkweb.cn/Js|---阴影效果的电子表</title>
</head><body onLoad="init()">
<!-- 用<body onLoad="init()">替换原有的<body> -->
<!--将以下代码加入HTML的<Body></Body>之间-->

<style type="text/css">
<!--
.time{
  font-family : Comic Sans Ms;
  font-size : 14pt;
  font-weight : bold;
color:0000FF;
}
-->
</style>
<script Language="JavaScript">
<!--

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);
}
  -->
</script>
<div Id="tim1" Style="position:absolute; width:10; height:10; top:10; left:50"
class="time"></div><div Id="tim2"
Style="position:absolute; filter:flipv() alpha(opacity=20); font-style:italic"
class="time"></div>
</body></html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

上一篇:模拟时钟 下一篇:标题栏时间
我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮