疯狂素材网

解五大JavaScript网页特效

2013-04-12 0人评论 517次浏览 分类:Js/Jquery特效

常见的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.  

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


顶一下
(0)
0%
踩一下
(0)
0%

发表评论共有0访客发表了评论

    暂无评论,快来抢沙发吧!

我来说几句吧

验证码: 看不清楚?