欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JavaScript网页特效5则

发布时间:2024/8/1 javascript 50 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JavaScript网页特效5则 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

 一、动态字幕
代码:在需要处加入
< marquee οnmοuseοver=this.stop() οnmοuseοut=this.start()>欢迎访问WEB前端开发
特点:当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了,运用以上代码即可实现。
延伸:动态字幕有一个属性“direction”,它是控制字幕滚动方向的,把“direction”的属性改为“up”,就可以实现向上滚动,同理当改为“down”时就向下滚动,那么“left”和“right”自然就是向左和向右了。

二、自动刷新
代码:在网页的和之间加入
< meta httpequiv="refresh"content="15;url=cesi.htm">
解释:如果你的主页有一个欢迎页面,你希望它在显示15秒后转入你的首页,你可以使用以上的代码,时间可改为你想要的时间。

三、关闭窗口
①以按钮方式
代码:在你需要处加入
< INPUT οnclick=window.close() type=button value=关闭窗口>
解释:本代码结果是以按钮关闭当前页面。

②以链接方式
代码:在你需要处加入
< a href="#" onClick="javascipt:window.close();return false;">关闭窗口
解释:本代码结果是以链接关闭当前页面。

③定时关闭
代码:在网页的和之间加入
< script language="JavaScript">
解释:加入此代码后网页会在打开3秒后自动关闭(3000代表3000毫秒即3秒)。

四、反续排列
代码:在需要处加入
< bdo dir="rtl">反续列
特点:当你需要把一段话反起来排列时,你怎么办呢?反起来一个一个地输入吗?只要使用以上代码,即可实现。

五、网页的下划线
代码:在网页的和之间加入
< Style Type="text/css">
介绍:许多朋友觉得那些链接下的下划线非常碍眼,加入以上代码后,当访问者指向链接时才有下划线,平时没有。

总结

以上是生活随笔为你收集整理的JavaScript网页特效5则的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。