2顶

XML时钟

稿源：互联网 2022-04-23 16:20:03 点击： 875 撤稿纠错

一个XML时钟，阿里西西网页特效收集。

以下讨论的是和时钟特效相关的XML时钟教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
	<title>testing VML－阿里西西WEB开发www.alixixi.com</title>
</head>
<STYLE>
 v:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<body>

<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="10px" color="#eeeeee"/>
		
	</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="7px" endcap="round" color="navy"/>
		</v:line>
	</v:group>
</v:group>
<SCRIPT LANGUAGE="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);
}
//-->
</SCRIPT>
</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于XML时钟的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200809071052.shtml方便下次再访问哦。

·上一篇： XML立体字体
·下一篇： 非常棒齿轮滚动效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

XML时钟

文章分类LIST >>返回首页

最新游戏

最新新闻