做个人主的时候我们都希望主页上有一些有趣的动态效果,现在使用JavaScript可轻松实现。
在页面的< body> 和< /body>之间,加入以下代码:
< html>
< head>
< title>hello< /title>
< /head>
< body>
< script languange="Javascript">
alert("welcome !欢迎光临我们的网站。")
< /script>
< /body>
< /html>
alert("welcome !欢迎光临我们的网站。")中的"欢迎光临我们的网站"就是在弹出窗口中出现的话。 现在很多网站都在我们刚进去的时候,弹出一个窗口,告诉我们网站的当前最新消息或广告信息。这是怎么实现的哪?
在主页面的 < body> 和< /body>之间,加入以下代码:(一般在< body>之后)。
< script language="JavaScript">
window.open('welcome.htm','WELCOME','scrollbars=0,height=50,width=300,top=200,left=200');
< /script>
此处welcome.htm代表弹出窗口的内容所在的文件及路径。直接写文件名称,表示与弹出窗口的页面在同一文件夹下。
WELCOME表示弹出窗口的名称。
scrollbars=0:表示不使用滚动条。scrollbars=1,表示使用滚动条。
height=50,width=300:表示窗口的大小。以象素为单位。
top=200,left=200:表示窗口的初始弹出位置距离屏幕上方为200象素,距离屏幕左边为200象素。
在同一文件夹中,按照下面源码建立两个文件:
main.htm
< html>
< head>
< title>windows pop up < /title>
< meta http-equiv="Content-Type" content="text/html; charset=gb2312">
< /head>
< body bgcolor="#FFFFFF">我又进步了!!
< script language="JavaScript">
window.open('pop.htm','hello','scrollbars=0,height=50,width=300,top=200,left=200');
< /script>
< /body>
< /html>
pop.htm
< html>
< head>
< title>最新消息< /title>
< meta http-equiv="Content-Type" content="text/html; charset=gb2312">
< /head>
< body bgcolor="#FF00FF">
< p>热烈祝贺本网站评为本年度最佳个人主页之一。< /p>
<a href="< A href="< A href="http://www.yesky.com">请前天极查看更多报道< /A>" target="_NEW">http://www.yesky.com">请前往天极查看更多报道</A>< /A>
</body>
</html>
在 pop.htm 中可以象一般网页那样加入图片、动画等元素,表现力更丰富