js隐藏显示图片fucntion

最新推荐文章于 2024-09-22 16:14:55 发布

weixin_39296576

最新推荐文章于 2024-09-22 16:14:55 发布

阅读量888

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_39296576/article/details/79967574

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了使用JavaScript实现图片在网页上的显示与隐藏效果的方法，包括两种方式：一种是在隐藏时仅改变可见性而不移除布局位置；另一种则是完全从布局中移除，直至显示时再重新占据空间。通过onmouseover、onmouseout及onclick事件触发这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.隐藏时不会折叠

>function displayforall(){
document.getElementById("pic").style.visibility="visible";

}
function hideforall(){
document.getElementById("pic").style.visibility="hidden";}
function displayforie(){
document.all.pic.style.visibility="visible";
}
function hideforie(){

document.all.pic.style.visibility="hidden";}</script>

2.隐藏时折叠

<SCRIPT LANGUAGE="JavaScript">

function displayforall()
{
document.getElementById("pic").style.display="block";

}
function hideforall()
{
document.getElementById("pic").style.display="none";
}
function displayforie()
{
document.all.pic.style.display="block";
}
function hideforie()
{
document.all.pic.style.display="none";
}

</SCRIPT>

触发function: onmouseover, onmouseout, onclick