45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > Photoshop >

谈谈对象的隐藏与显示

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:28 作者:45IT收集


要想让您的站点更加吸引人,除了内容实用以外还需要加入一些动态的内容,让浏览你的站点的人感到趣味横生,对象的显示与隐藏就是常用的一个技巧。如果你学好了以前的DHTML课程的话,实现起来就很容易了。
  假如我们有一个如下的 DIV tag: 

 <DIV ID="blockDiv" STYLE="position:absolute; left:200; top:100">
 <IMG SRC="xxx.jpg" WIDTH=xx HEIGHT=xx BORDER=0>
 </DIV>

  DIV 的名字是任意起的.可以通过 JavaScript 脚本来控制它. 下面就是具体方法:

  对 Netscape 来说, 得到 CSS-P 性质 (property) 的方法如下: 
    document.blockDiv.propertyName
  而对于 Internet Explore 来说, 要用 
    blockDiv.style.propertyName
  propertyName 可以是任何一个 DIV 可以用的 CSS-P 的性质, 比如 left, top, visibility, zindex, width。
  以下就是整个脚本,试试吧:

<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
    }

    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"
    }
  //-->
  </SCRIPT>
</HEAD>

<BODY onLoad="init()">
<center>
  <A HREF="javascript:showObject(block)">显示 show</A> |
  <A HREF="javascript:hideObject(block)">隐蔽 hide</A>
</center>

  <DIV ID="blockDiv" 
       STYLE="position:absolute; left:150; top:150; width:200; visibility:visible;">
  <IMG SRC="baby.gif" BORDER=0 width=100 height=136>
  </DIV>

</BODY>
</HTML>


  发挥你的想象力吧,利用以上脚本结合OnMouse鼠标感应特性,你一定可以做出非常精彩的页面特效。

务器租用、托管;域名注册;虚拟主机

欢迎咨询/

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识