JavaScript网页特效学习笔记1

mixer_a

浏览: 363490 次

最近访客更多访客>>

photondragon

u012363178

zw2530

parrywang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-07 ( 2)
2012-06 ( 19)
2012-05 ( 106)
更多存档...

在网络中有许多的特效都是用JavaScript编写的，这几天通过看书和看视频，简单的学习了几个网页常见的特效，和大家分享一下。

1、使HTML页面反向显示

我们浏览网页的时候，都是正向显示的。可以通过html的dir属性可以设置网页的反向显示，一些其他的控件都有这个属性，控制文本的显示方向。

2、实现网页的自动最大化

有的时候，我们打开网页时，该网页会自动最大化。我们可以使用javascript的screen对象，实现网页最大化。首先使用self（代表当前窗口对象本身）调用moveTo方法，将窗口移动到坐标（0,00）处，之后调整窗口的大小，宽和高都是屏幕的可用高和宽。

3、页面的自动刷新

想要实现页面的自动刷新有两种方法，第一种是用html的meta属性，第二是调用window对象的location对象的reload()方法。

4、实现页面的后退，前进，刷新

后退、前进、刷新这些都是网页中常见的操作，我们可以通过JavaScript代码完成这些功能。使用history对象的go方法可以实现页面的前进，后退和刷新。

5、让别人看不到网页的源代码

有的时候为了让自己做的网页的不被他人知道怎么做的，可以通过将网页的源代码进行屏蔽，这样当他人查看网页源代码的时候就看不到自己编写的网页源代码了。

6、打开网页时，弹出欢迎的对话框

有时上网的时候会发现，一打开网页会弹出一个对话框，欢迎进入本网站，其实这是通过JavaScript中的alert方法实现的。

7、关闭页面弹出对话框

有一些网页会在你关闭的时候，告诉你“谢谢你进入本网站”的类似的话，其实这是通过JavaScript中的onunload事件和alert方法来实现的，onunload事件是在离开页面的时候发生。

8、设为主页的特效

不管是什么网站都有“设为主页”的功能，这个功能做起来十分的简单，用到了behavior属性和setHomePage方法的结合可以将指定的网页设为主页。

9、类似浮动广告的特效

在一些的网站都有浮动的广告，其实都是用JavaScript作的，通过改变坐标的位置，实现动态的效果，下边的这个特效是我看高洛峰老师的视频而来的，只不过动的是一个绿色的div。要做到实现到边框的时候往回走，必须使x，y的坐标大于或等于窗口的大小减去自身的大小。这需要用到这四个属性：clientWidth，offsetWidth，clientHeight，offsetHeight。

10、图片跟随鼠标

有些网页你的鼠标到哪，图片就到哪，或者是窗口到哪，其实这是用了将鼠标的坐标赋给跟随的东西的坐标。

今天写了10个网页的简单网页中JavaScript特效，以后会慢慢的写，如果有不足的地方，希望大家提出来。

分享到：

Struts2 零配置注解 | JavaEE学习笔记之JSF（一）

2012-05-23 15:14
浏览 900
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论