您当前的位置是:首页-CSS+DIV教程

CSS+jS实例:显示和隐藏 图片

【发表于】:2011/5/16 23:23:00  已被访问:621次

CSS+jS实例:显示和隐藏 图片

<html>
  <head>
  <script language="JavaScript">
  <!--
  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false
  function init() {
  if (ns4) block = document.blockDiv
  if (ie4) block = blockDiv.style }//*设置对象block*//
  function showObject(obj) {
  if (ns4) obj.visibility = "show"
  else if (ie4) obj.visibility = "visible" }
  function hideObject(obj) {
  if (ns4) obj.visibility = "hide"
  else if (ie4) obj.visibility = "hidden" }
  //*定义两个函数分别用来显示、隐藏对象block*//
  //--> </script> </head>
  <body onLoad="init()">
  <a href="Javascript:showObject(block)">显示-show</A>
  <a href="Javascript:hideObject(block)">隐蔽-hide</A>
  //*两个超链接调用Javascript中的两个函数*//
  <div id="blockDiv" style="position:absolute; left:50; top:100;
  width:200; visibility:visible;">
  <img src="ss01094.jpg" border=0> </DIV> //*导入一张图片*//
  </body>
  </html>

 
上下篇: CSS中内联元素与块级元素 Blentrans属性--文字图片逐渐淡出的多媒体效果

最新推荐信息