HTML 中图片的隐藏与显示
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div id="axon">
<img src='../0.jpg' id='img1' class="axon" width="120px;" /><br />
<img src='../0(1).jpg' id='img2' class="axon" /><br />
<img src='../0(2).jpg' id='img3' class="axon" /><br />
</div>
</body>
<script type="text/javascript">
var Con = document.body;
var Re = /(<img\s+.*?>)/gi;
Con.innerHTML = Con.innerHTML.replace(Re, "<a onclick='ControlImg(this);'><span style='font-size:12px;color:blue;'><u>显示图片</u></span></a><span class='imgs' style='display:none'><br/>$1</span>");//这里的abc.com可以换成你要的网址
function ControlImg(nowEle) {
var nextEle = nowEle.nextSibling;
if (nextEle.style.display == "none") {
nowEle.innerHTML = "<span style='font-size:12px;color:blue;'><u>隐藏图片</u></span>";
nextEle.style.display = "block";
}
else {
nowEle.innerHTML = "<span style='font-size:12px;color:blue;'><u>显示图片</u></span>";
nextEle.style.display = "none";
}
}
</script>
</html>
最新文章
- iOS原生地图开发进阶——使用导航和附近兴趣点检索
- android studio 预览保持,因为是SDK版本过高,可以点击小图标机器人修改SDK版本号。
- Laravel 5 基础(二)- 路由、控制器和视图简介
- 学习微信小程序之css17clearfix原理
- SQLServer与Oracle的对照
- jmeter 控制器
- iOS-联系人应用(一)
- Fancytree Javascript Tree TreeTable 树介绍和使用
- canvas生成海报
- virtualbmc 使用
- Django在根据models生成数据库表时报错: __init__() missing 1 required positional argument: &#39;on_delete&#39;
- LOJ-10108(欧拉回路+并查集)一个图至少用几笔画成
- 读写分离,读写分离死锁解决方案,事务发布死锁解决方案,发布订阅死锁解决方案|事务(进程 ID *)与另一个进程被死锁在 锁 资源上,并且已被选作死锁牺牲品。请重新运行该事务
- MSSQL 一坑 SQL Management Studio 管理工具的快捷方式被删掉了
- MQ与Webservice的区别
- 20165203&;20165206结对创意感想
- Strut2------获取界面返回的session,application,parameter
- SocketServer模块 《Python核心编程(第3版)》——2.5
- nginx配置,php安装
- iOS TUN之避免UDP包ip分片
热门文章
- hdu 1062(DFS||dijkstra)
- AC日记——Red and Blue Balls codeforces 399b
- Django中遇到的mysql问题
- Jquery获取服务器端控件的三种方式
- HDU 2537 8球胜负(模拟)
- 【bzoj1335】Radio Transmission
- GetAdaptersInfo获取网卡配置和Ip地址信息
- CentOS 7.1 中文正式版下载 - 最流行的免费开源企业级 Linux 服务器操作系统
- Java序列化对象为字符串并将字符串反序列化为对象
- Java高级架构师(一)第13节:Spring MVC实现Web层开发