用js怎么实现点击(或拖动)左边图片显示到右边来

用js怎么实现点击(或拖动)左边图片显示到右边来,第1张

提供一个思路,无代码.

两边的容器放同样的小图片, 右边的全部隐藏两个容器设置不一样的id, 同样的图片设置一样的name.

在左边的图片上绑定onclick事件, 点击后获取图片的name,再把右边name与点击图片name相同的图片显示出来. 显示之前判断右边容器是否超过了3个已显示的图片(用is(:visible),如果是,则返回false

这个按钮可以在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()。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存