详解五大JavaScript网页特效-html+css+javascript网页制作

常见的JavaScript网页特效你知道吗？这里向大家简单描述一下，比如说动态字幕，当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了，运用以上代码即可实现。

JavaScript网页特效5则

动态字幕

代码：在需要处加入

<marqueeonmouseovermarqueeonmouseover=this.stop()
onmouseout=this.start()>

特点：JavaScript网页特效中当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了，运用以上代码即可实现。
延伸：动态字幕有一个属性“direction”，它是控制字幕滚动方向的，把“direction”的属性改为“up”，就可以实现向上滚动，同理当改为“down”时就向下滚动，那么“left”和“right”自然就是向左和向右了。

自动刷新

代码：在网页的和之间加入

<metahttpequivmetahttpequiv="refresh"content="15;url=cesi.htm">

解释：如果你的主页有一个欢迎页面，你希望它在显示15秒后转入你的首页，你可以使用以上的代码，时间可改为你想要的时间。下面看一下JavaScript网页特效中如何关闭窗口。

关闭窗口

①以按钮方式

代码：在你需要处加入

<INPUTonclickINPUTonclick=window.close()type=buttonvalue=关闭窗口>

解释：本代码结果是以按钮关闭当前页面。

②以链接方式

代码：在你需要处加入

<ahrefahref="#"onClick="javascipt:window.close();  
returnfalse;">关闭窗口

解释：本代码结果是以链接关闭当前页面。

③定时关闭

代码：在网页的和之间加入

<scriptlanguagescriptlanguage="JavaScript">

解释：加入此代码后网页会在打开3秒后自动关闭(3000代表3000毫秒即3秒)。

反续排列

代码：在需要处加入

<bdodirbdodir="rtl">反续列

特点：JavaScript网页特效中当你需要把一段话反起来排列时，你怎么办呢？反起来一个一个地输入吗？只要使用以上代码，即可实现。

网页的下划线

代码：在网页的和之间加入

<StyleTypeStyleType="text/css">

介绍：许多朋友觉得那些链接下的下划线非常碍眼，加入以上代码后，当访问者指向链接时才有下划线，平时没有。

【编辑推荐】