让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 中可以象一般网页那样加入图片、动画等元素,表现力更丰富

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3