Javascript在网页中显示倒影时钟特效

2025-05-13 16:48:44

1、为了方便举例,我就是用记事本来编辑演示。打开电脑中的记事本程序,首先输入基本的网页标签代码。

Javascript在网页中显示倒影时钟特效

3、然后,还在head标签之间定义函数,设定网页中显示的倒影区域的位置,如下。<script language=javascript>var jishi;function dy(){ if(document.all){ sj2.style.left=sj1.style.posleft; sj2.style.top=sj1.style.postopz+sj1.offsetheight-6; setsj(); }}

Javascript在网页中显示倒影时钟特效

5、接下来,在body标签中输入代码,让网页加载时显示时钟。<body onload="dy()"> <div class=time id=sj1 style="height:55px;left:110px;position:absolute;top:75px;width:10px"> </div>

Javascript在网页中显示倒影时钟特效

7、将记事本代码保存为.html网页格式后,打开预览效果。需要注意的是这种特效只可以在IE中显示。

Javascript在网页中显示倒影时钟特效
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:83
  • 阅读量:94
  • 阅读量:42
  • 阅读量:90
  • 阅读量:32
  • 猜你喜欢