预览加载中，请您耐心等待几秒...

JavaScript网页特效学习笔记.doc

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共23页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737"JavaScript网页特效学习笔记1 在网络中有许多的特效都是用JavaScript编写的，这几天通过看书和看视频，简单的学习了几个网页常见的特效，和大家分享一下。 1、使HTML页面反向显示 我们浏览网页的时候，都是正向显示的。可以通过html的dir属性可以设置网页的反向显示，一些其他的控件都有这个属性，控制文本的显示方向。 [html]HYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"viewplainHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"copyHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"printHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"? <htmldir="rtl">//rtl代表从右向左显示，默认是ltr <head> <title>html页面反向显示</title> </head> <body> 本页面的是反向显示的。 </body> </html> 2、实现网页的自动最大化 有的时候，我们打开网页时，该网页会自动最大化。我们可以使用javascript的screen对象，实现网页最大化。首先使用self（代表当前窗口对象本身）调用moveTo方法，将窗口移动到坐标（0,00）处，之后调整窗口的大小，宽和高都是屏幕的可用高和宽。 [html]HYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"viewplainHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"copyHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"printHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"? <html> <head> <title>页面自动最大化</title> <scripttype="text/javascript"> self.moveTo(0,0);//使用self代表自身这个窗口，调用moveTo方法 self.resizeTo(screen.availWidth,screen.availHeight);//将窗口的大小调整为屏幕的可用大小 </script> </head> <body> 本页面打开的时候会自动化。 </body> </html> 3、页面的自动刷新 想要实现页面的自动刷新有两种方法，第一种是用html的meta属性，第二是调用window对象的location对象的reload()方法。 [html]HYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"viewplainHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"copyHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"printHYPERLINK"http://blog.csdn.net/long2010yu2010/article/details/7592737#"? <html> <head> <title>实现页面的自动刷新</title> <!--<metahttp-equiv="refresh"content="3">第一种方法--> <scripttype="text/javascript"> functionreload() { window.location.reload();//第二种方法 } setInterval("reload()",3000); </script> </h