#
2条回答 默认 最新
- Go 旅城通票 2015-07-22 08:09关注
你下面的标签用div容器float布局,div relative定位,那个xx按钮absolute定位,默认隐藏。点击编辑的时候新增一个样式给div容器,这个样式控制xx的显示。
大概demo如下,居于jquery的,那个xx的样式你自己调整了
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script> <style> #tags{zoom:1;overflow:hidden;font-size:13px;margin-top:10px} #tags div{float:left;margin-right:10px;position:relative;border:dotted 1px #999} #tags div a{position:absolute;right:0px;top:-10px;display:none;background:#000;color:#fff} #tags div.edit a{display:block} </style> <a href="javascript:void(0)" onclick="chrMode(this)">编辑</a> <div id="tags"> <div>标签1<a href="#">x</a></div> <div>标签2<a href="#">x</a></div> <div>标签3<a href="#">x</a></div> <div>标签4<a href="#">x</a></div> <div>标签5<a href="#">x</a></div> </div> <script> function chrMode(a) { var toEdit = a.innerHTML == '编辑'; a.innerHTML = toEdit ? '编辑完成' : '编辑'; $('#tags div')[toEdit ? 'addClass' : 'removeClass']('edit'); } $(function () { $('#tags a').click(function () { if (confirm('确认删除')) $(this).parent().remove(); return false; }); }); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器