当前位置:文档之家› 常用的网页特效代码

常用的网页特效代码

常用的网页特效代码
1.文本向上循环滚动
说明:文本自动向上循环滚动,鼠标放到上面还会暂时停下来。

果:
代码:
2.页面自动滚屏效果
<body onLoad="scrollit()">
<SCRIPT language="JavaScript">
<!--
function scrollit(){
for (I=1; I<=500; I++){
self.scroll(1,I)
}
}
//-->
</SCRIPT>
3.滚动的文字说明
说明鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明
效果把鼠标放上来试试
代码
4.飘动的字符跟随鼠标
说明在鼠标后面跟着一串飘动的字符
效果看看就知道啦!Array
代码
5.一群小点跟随鼠标
说明跟随鼠标的一群小点,就象星星一样
效果看看就知道啦!
代码
6.接触链接自动打开窗口
说明鼠标放到链接上,就立刻弹出警告框
效果试试Array
代码
7.数字时钟
说明数字化的时钟
效果 现在时刻:12:07:54
代码
8.显示停留的时间
说明 显示他人在页面停留的时间,而且可以作出提醒
效果
代码 9.有影子的数字时钟
说明 这个时钟是有影子的,而且还在不停地走着呢
效果
12:09:36
12:09:36
代码
10.打字效果
说明:文字在状态栏上从左往右一个一个地显示,就象你打出的字一样
效果:看看状态栏!Array
代码:
11.文字不停闪烁
说明:一段文字在状态栏上不停跳动显示,可以作为提示信息
效果:看看状态栏!
代码:
12.图象大小自动变化
说明:把一张图片变形扭曲成各种不同的长宽,非常好玩
效果:
代码:
13.漫天飞雪
说明:漫天飞雪
效果:看到了吗?
代码:
14.自由移动的图片(一)
说明:自由移动的图片
效果:看到了吗?Array
代码:
再把<body>改为:
说明:图片在页面内随意飘动,遇到边界还会反弹。

效果: 看到了吗?
代码:
16.
状态栏里的动态欢迎语
说明 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!
效果 看看状态栏:)
代码
17.背景色变换按钮
:
18.去掉超链接的下划线
说明有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码
<head>与</head>之间,下划线就无影无踪啦!
注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!
效果试试就知道啦!
代码
19.给页面加保护
说明如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话,不妨在HTML里加入下面这段代码。

当在网页里按下鼠标右键时,出现的不是想要的快
捷菜单而是一个警告窗口。

“\n\n”表示换行。

效果点点右键试试!
代码
20.自动关闭窗口
说明在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!代码中“i=20”表示关闭的延迟时间为20
秒,可任意修改。

效果注意看跳出的那个窗口……它将在10秒钟之后自动关闭!Array
代码。

相关主题