您现在正在浏览：站长之家 >> 图形设计 >> 详细内容

谈谈对象的隐藏与显示

时间:2007-11-14 来源:收集作者:TUPS

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

织梦好，好织梦

<DIVID="blockDiv"STYLE="position:absolute;left:200;top:100">
<IMGSRC="xxx.jpg"WIDTH=xxHEIGHT=xxBORDER=0>
</DIV>

内容来自dedecms

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

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

<HTML>
<HEAD>
<SCRIPTLANGUAGE="JavaScript">
<!--
ns4=(document.layers)?true:false
ie4=(document.all)?true:false copyright dedecms

functioninit(){
if(ns4)block=document.blockDiv
if(ie4)block=blockDiv.style
}

内容来自dedecms

functionshowObject(obj){
if(ns4)obj.visibility="show"
elseif(ie4)obj.visibility="visible"
}

dedecms.com

functionhideObject(obj){
if(ns4)obj.visibility="hide"
elseif(ie4)obj.visibility="hidden"
}
//-->
</SCRIPT>
</HEAD> 内容来自dedecms

<BODYonLoad="init()">
<center>
<AHREF="javascript:showObject(block)">显示show</A>|
<AHREF="javascript:hideObject(block)">隐蔽hide</A>
</center> dedecms.com

<DIVID="blockDiv"
STYLE="position:absolute;left:150;top:150;width:200;visibility:visible;">
<IMGSRC="baby.gif"BORDER=0width=100height=136>
</DIV> dedecms.com

</BODY>
</HTML> copyright dedecms

　　发挥你的想象力吧，利用以上脚本结合OnMouse鼠标感应特性，你一定可以做出非常出色的页面特效。本文来自织梦

务器租用、托管；域名注册；虚拟主机
江湖、聊天室租用；程序开发，网站建设
欢迎咨询http://nicchina.com/
QQ：30196310
织梦好，好织梦