请教高手:如何实现在论坛里点“展开显示”就可以把图片完全显示出来

ibmibm 2002-06-27 01:55:35
点击"折叠显示“就可以把图片缩为一个小图标,用javascript如何实现
...全文
46 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
seabell 2002-07-01
  • 打赏
  • 举报
回复
<script>
myshowhide=true;
function showhide(i)
{
mylink="ballack"+i;
document.all[mylink].innerHTML=myshowhide?"折叠显示":"展开显示";
mydiv="kahn"+i;
document.all[mydiv].style.display=myshowhide?"none":"block";
myshowhide=!myshowhide;
}
</script>
<a href="javascript:showhide(1)" id=ballack1>展开显示</a>
<div id=kahn1><img id=hero11 src=user11.gif><img id=hero12 src=user12.gif>
</div><p>
<a href="javascript:showhide(2)" id=ballack2>展开显示</a>
<div id=kahn2><img id=hero21 src=user21.gif><img id=hero22 src=user22.gif><img id=hero23 src=user23.gif>
</div>
llrock 2002-06-29
  • 打赏
  • 举报
回复
别忘了调整位置
llrock 2002-06-29
  • 打赏
  • 举报
回复
使用zoom属性,element.style.zoom=0.5
ibmibm 2002-06-28
  • 打赏
  • 举报
回复
是这个意思,但是论坛一个主题下面的多个图片应该怎么办呢,这是一个图片的折叠代码呀。
seabell 2002-06-27
  • 打赏
  • 举报
回复
<script>
myshowhide=true;
function showhide()
{
document.all.ballack.innerHTML=myshowhide?"折叠显示":"展开显示";
document.all.hero.src=myshowhide?"user3.gif":"user1.gif";
myshowhide=!myshowhide;
}
</script>
<a href="javascript:showhide()" id=ballack>展开显示</a><img id=hero src=user1.gif>
ibmibm 2002-06-27
  • 打赏
  • 举报
回复
这里的论坛做的真不错

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧