js 若 拖动 div中的图片到 div 框架之外的区域 则该图片就隐藏
如果你的拖动是鼠标按下事件,那么在鼠标松开事件里面添加就行了
jquery动态隐藏显示就可以了
你拖动是个事件吧,在事件结束时获取鼠标当前坐标。然后计算鼠标是否在div里面。
js判断鼠标位置是否在div里面
给鼠标一个点击事件,然后再鼠标松开的事件中去判断鼠标坐标位置,不在div中直接隐藏图片就行了
是一个拖动事件,计算好范围,超出这个范围就隐藏
jquery可以的,看看相关框架api
给它一定范围,当鼠标按着拖出去这个范围,鼠标松开即刻隐藏
图片坐标,鼠标事件,点击按钮事件
逻辑不对啊,你既然是拖动图片到框架外,那么又有谁强制规定你必须松开鼠标,或者继续点击拖动呢。
所以,你需要给你的img设置一个drage事件,在框架外围设置一层虚拟的“护栏”,用于检测,img是否完全被拖出了框架,如果是,只需要settimeout()渐进
的方式去使得display:block,当然也可以用jQuery 的$("img”).hide("slow")进行缓慢的一隐藏,达到一个很好的交互效果。
拖动时计算鼠标的坐标,判断超出DIV范围时执行隐藏
鼠标按下开始计算坐标,大于边框坐标时松开事件执行隐藏图片
通过计算框的大小和拖动距离之间的数值关系,然后在加上隐藏效果