win7系统下载
当前位置: 首页 > 硬件软件教程 > 详细页面

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

发布时间:2021-12-27 文章来源:xp下载站 浏览:

软件是一系列按照特定顺序组织的计算机数据和指令的集合。一般来讲软件被划分为编程语言、系统软件、应用软件和介于这两者之间的中间件。硬件是“计算机硬件”的简称。与“软件”相对,电子计算机系统中所有实体部件和设备的统称。

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

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

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

<!--//

  function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds

  if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}

  if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>')
document.close()
}
var timer=setTimeout("clockon()",200)
}

  //-->
</script>

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

  <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div><BR><BR>  <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div><BR><BR>  <BR><div id="mainbody" style="position:absolute; visibility:visible"><BR></div><BR>

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

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

  《body bgcolor=“#ffffff” onLoad=“clockon()”》

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

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


硬件是实在的,有模有样的。软件是程序性的。是一系列的指令。有了软件,硬件才会实现更丰富的功能。