|
|
隐藏与显示
名称: |
隐藏与显示 |
实例: |
这个框里的内容可以隐藏和显示
欢迎光临《网页设计师》DHTML栏目
阿捷将免费向你提供最好的网页制作
教程。希望得到你的鼓励和支持
谢谢!
刷新本页面,你回看到不同的隐藏效果
|
教程: |
将下面的代码加入<head>和</head>之间 <script
language="Javascript">
var i=0;
function filter_me(){
if (change.filters(0).status!=2){i=i+1;
if (i%2!=0){
change.style.backgroundColor='yellow';
change.filters(0).Apply();
change.filters(0).Play();
change.style.visibility='hidden';
}
else {
change.style.backgroundColor='brown';
change.filters(0).Apply();
change.filters(0).Play();
change.style.visibility='visible';}
}
}
</script>
将下面代码加入<body>和</body>之间的任意地方
<div id="change"
style="color:blue;border:solid
black;position:absolute;left:250;top:100;width:300;height:200;filter:
revealTrans(Duration=0.8,Transition=23)"><h1>这个框里的内容可以隐藏和显示</h1>
<dd><br>
欢迎光临《网页设计师》DHTML栏目<br>
<br>
阿捷将免费向你提供最好的网页制作<br>
<br>
教程。希望得到你的鼓励和支持<br>
<br>
谢谢!</dd>
</div><div style="position:absolute;left:400;top:310">
<dd><input type="button" id="button1" value="Click
me" onClick="filter_me();"> </dd>
</div>
|
说明: |
刷新本页面,你回看到不同的隐藏效果 |
|