js怎么实现这样 一个图片右上角添加一个关闭

js怎么实现这样 一个图片右上角添加一个关闭,第1张

这个按钮可以在d出来的时候,就放在图片所包裹的层里面,然后用js控制关闭的单机事件就行了,如果纯用js添加一个关闭按钮可以这样 *** 作:

1。找到图片的dom对象,2.在图片外围包裹一层div,3,设置此div的属性position:relative,4.创建按钮元素,5,插入此按钮到div中 6,给此按钮css属性,position:absolute,right:-10px,top:-10px;具体可以微调,以上可以用jquery的api实现,大致会用以下api,wrap(),append(),css()。

<div id=threenine1 style="position: absolutewidth:24visibility: visiblez-index: 1"><a onclick="#" target="_blank" style="cursor:pointer"><img src="/images/float.png" width=120 height=85 border=0></a></div>

在这个层加一个close按钮,,点击时把层隐藏就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11609549.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存