详解五大JavaScript网页特效


  本文标签:JavaScript网页特效

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

  JavaScript网页特效5则

  动态字幕

  代码:在需要处加入 

  1. <marqueeonmouseovermarqueeonmouseover=this.stop()
  2. onmouseout=this.start()> 
  3.  

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

  自动刷新

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

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

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

  关闭窗口

  ①以按钮方式

  代码:在你需要处加入 

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

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

  ②以链接方式

  代码:在你需要处加入 

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

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

  ③定时关闭

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

  1. <scriptlanguagescriptlanguage="JavaScript"> 
  2.  

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

  反续排列

  代码:在需要处加入 

  1. <bdodirbdodir="rtl">反续列  
  2.  

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

  网页的下划线

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

  1. <StyleTypeStyleType="text/css"> 
  2.  

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