喜欢网页设计的朋友往往会在页面中加入特效以增强视觉效果,下面分享一个用JS实现的倒影时钟特效。
1、 以记事本为例,打开后先输入基础网页标签代码,便于演示操作。

2、 接着,在标签内定义style样式代码。

3、 接着,在head标签内定义函数,设置网页中倒影区域的显示位置,具体如下。
4、 }
5、 }

6、 定义函数设置时钟显示内容与刷新频率,以下是代码实现。
7、 }

8、 然后,在body标签里添加代码,使网页加载时展示时钟。

9、 接着,输入倒影代码,这里采用IE滤镜中的flipv和alpha来实现,代码如下所示。

10、 把记事本代码保存为.html格式,然后打开查看网页效果。
11、 需要注意,这种特效仅在IE中显示。
