当前位置:首页 > 开发教程 > js/jQuery教程 >

创建超酷时钟背景特效

时间:2013-09-18 09:52 来源: 作者: 收藏

2345软件教程,为您打造全面的软件教程手册,无论是新奇小软件的操作还是专业软件的使用技巧,2345软件教程都会为您解疑释惑。

核心提示:我们经常会在页面中添加一些JavaScript代码用来显示时间。但是有时加入一些代码可能会影响页面的布局。现在给你一段代码,它将给你生成一个跳动的时钟,而且时钟是叠加在背景上的,再也不用担心布局上的问题了。

我们经常会在页面中添加一些JavaScript代码用来显示时间。但是有时加入一些代码可能会影响页面的布局。现在给你一段代码,它将给你生成一个跳动的时钟,而且时钟是叠加在背景上的,再也不用担心布局上的问题了。

一、把下面的代码加到<head></head>区域中:


 

二、<body></body>直接加入如下代码:


 

注:"font-size:120px"是用来设置字体的大小,color:FF8888是用来设置字体颜色的。

 

三、最后把<body>中内容改为:

<body bgcolor="#ffffff" onLoad="clockon()">

 

注:<body bgcolor="#ffffff" onLoad="clockon()">中的"#ffffff" 是网页的背景颜色代码,可以自行修改。

 

提醒:该效果所显示的时钟是利用层来定位的,所以你可在Dreamweaver中移动时钟的位置;另外,时钟具有阴影效果,这些都是可以自行修改的。如果大家有什么疑问可以跟我们交流。

 


js/jQuery教程阅读排行

最新文章