点击这里给我发消息 点击这里给我发消息

让JavaScript为你的网页增彩

添加时间:2010-1-5
    相关阅读: 网页 页面 JavaScript 网站

做个人主的时候我们都希望主页上有一些有趣的动态效果,现在使用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 中可以象一般网页那样加入图片、动画等元素,表现力更丰富

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册