|
| |
精品推荐 |
 |
|
| |
|
|
|
|
几个日期特效的代码
|
日期:2007年7月23日 作者: 查看:[大字体
中字体 小字体]
|
<button onclick="alert(m.getTime())" style="font:8px Webdings;width:15px;height:15px;line-height:6px;">4</button> <button style="font:10px Arial;height:15px;height:16px;border:0px;" onfocus="this.blur()">GetTime</button> </td> </tr> </table>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v> <head>
<style> <!-- v\:* { behavior: url(#default#VML); } --> </style>
<script type="text/javascript"> <!--
function updatePointers() { var now = new Date();
secondsPointer.style.rotation = now.getSeconds() * 6; minutesPointer.style.rotation = now.getMinutes() * 6 + now.getSeconds() / 10; hoursPointer.style.rotation = now.getHours() * 30 + now.getMinutes() / 2; }
window.attachEvent("onload", initVMLClock);
function initVMLClock() { updatePointers(); window.setInterval("updatePointers()", 1000); }
function toggle(sId) { var el = document.getElementById(sId);
el.style.display = (el.style.display == "none") ? "block" : "none"; }
//--> </script>
</head> <body>
<p style="text-align: center;> <div style="text-align: left;"> <v:group id="clock" coordsize="100 100" style="width: 200px; height: 200px; position: relative; filter: alpha(opacity=90);"> <v:oval style="width: 100%; height: 100%"> <v:stroke weight="12px" color="#eeeeee"/> <!-- I removed this gradient fill to match the WebFX color theme <v:fill type="gradient" color="white" color2="#eeeeff" angle="225deg"/> --> </v:oval>
<v:group id="secondsPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"> <v:line from="50,50" to="50,5"> <v:stroke weight="2px" endcap="round" color="navy"/> </v:line> </v:group>
<v:group id="minutesPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"> <v:line from="50,50" to="50,8"> <v:stroke weight="4px" endcap="round" color="navy"/> </v:line> </v:group>
<v:group id="hoursPointer" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"> <v:line from="50,50" to="50,18"> <v:stroke weight="8px" endcap="round" color="navy"/>
上一篇:揭开Windows网络邻居的内幕秘密
下一篇:3G的“软价值”不容忽视
|
| 几个日期特效的代码 相关文章: |
|
|
|
| 几个日期特效的代码 相关软件: |
|
|
|
|