|
| |
 精品推荐 |
 |
|
| |
|
|
|
|
几个日期特效的代码
|
日期：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的“软价值”不容忽视
|
| 几个日期特效的代码 相关文章： |
|
|
|
| 几个日期特效的代码 相关软件： |
|
|
|
|
