DownOL 软件仓库– 软件下载,字节世界与新知

JavaScript教程之超酷时钟背景特效

发表于:2024-05-05 作者:下载之友
编辑最后更新 2024年05月05日,炫酷的闹钟背景怎么改才比较好?很简单,利用JavaScript就能改,并且做出的特效常常会让我们惊艳。我们经常会在页面中添加一些JavaScript代码用来显示时间,但是有时加入一些代码可能会影响页面

  炫酷的闹钟背景怎么改才比较好?很简单,利用JavaScript就能改,并且做出的特效常常会让我们惊艳。我们经常会在页面中添加一些JavaScript代码用来显示时间,但是有时加入一些代码可能会影响页面的布局。现在给你一段代码,它将给你生成一个跳动的时钟,而且时钟是叠加在背景上的,再也不用担心布局上的问题了。


JavaScript教程之超酷时钟背景特效

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


  二、在《body》《/body》直接加入如下代码:

  



  


  


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

  三、最后把《body》中内容改为:

  《body bgcolor="#ffffff" onLoad="clockon()"》

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

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

2022-05-10 02:55:24
0