详解五大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.  

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

 




标签:

友情链接
轻松育儿世界奇观
苏ICP备16066217号-2