png图片透明部分点击

recordBtn为图片id

点击图片获取鼠标坐标位置，再定位到这个坐标所对应的图片下面元素，执行点击操作

//录音按钮遮挡下面,找到点击位置穿透到下面li
$("#recordBtn").click(function(e) {if(!$("#functionSection").is(":hidden")) {var clickY = e.clientY;var windowHeight = $(window).height();var $li = $("#functionSection ul li");var li_length = $li.length;$li.each(function(i,o) {if(($(this).offset().top-$(document).scrollTop())>=clickY || i==li_length-1) {var $selectedElement;if(i==li_length-1) {$selectedElement = $(this);}else {$selectedElement = $(this).prev();}if($selectedElement.find(".function-sub").eq(0).is(":hidden")) {$(".function-sub").hide();$selectedElement.find(".function-sub").show();}else {var $selectedChild;var $div = $selectedElement.children();var div_length = $div.length;$div.each(function(i,o) {if(i==0) {if( ($(this).offset().top-$(document).scrollTop())>=clickY ) {return false;}}else {if(($(this).offset().top-$(document).scrollTop())>=clickY || i==div_length-1) {if(i==div_length-1) {$selectedChild = $(this);}else {$selectedChild = $(this).prev();}$('#inputText').val($selectedChild.text());$("#submitBtn").click();return false;}}});$(".function-sub").hide();}return false;}});}
});

png图片透明部分点击相关推荐

TextView的部分点击事件和点击事件
1.在TextView中实现部分点击我在activity中使用了clickablespan这个类,然后完全按照视频上的操作下来,发现点击时不响应,于是我便设置了电话的链接,发现这时点击自己设置的区 ...
新分享一种解决ie6下PNG图片透明的方法
IE6中的图片不透明问题一直困扰着广大设计从业者们,前段时间已经分享了一种使用HTC文件解决的方法和使用滤镜使png背景图片透明的方法,今天再分享一种使用脚本代码使PNG图片在IE6中透明的办法. 脚 ...
IE6下PNG图片透明效果(PNG图片做背景也可以)
懒人萱在这里保证发的文章都是高质量的经过测试的JS代码,而且IE6.IE7和火狐都兼容的,希望大家多多关注我的帖子,我会把我的经验都共享出来哦! 懒人萱在寻找PNG图片透明效果的JS特效代码的时候,发 ...
解决IE6中 PNG图片透明的终极方案-八种方案！
"珍惜生命,远离IE6",IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放 ...
hover图片显现遮罩点击切换图片
hover图片显现遮罩点击切换图片代码如下: html: <div class="box"><ul class="imgs">< ...
php响应鼠标,jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
本文实例讲述了jQuery实现响应鼠标事件的图片透明效果.分享给大家供大家参考,具体如下: 实现的思想: 1.当鼠标放在图片上面的时候触发mouseover mouseenter两个事件(图片变得透明 ...
小程序给视频加默认图片封面，点击播放视频并停止播放上一个视频
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 实现的功能: 微信小程序视频组件添加图片封面, 点击图片播放视频, 点击下一个视频的封面图自动停止播放当前视频 ...
单元格变色和图片透明
用单元格变色的方法来做网页导航,在网上可以经常看到,但代码有简有繁,如果运用样式表来实现,将可以节约很多代码,特别是当有很多行需用这种效果时: 1 .aa { background-color:# ...
IE6不支持PNG图片透明效果的完美解决方案（完善版)
可怜的IE6,不支持PNG图片透明, 这已经是其众多"BUG"中,不是那么显眼的一个, 但也是让部分人头痛的一个了. (今天在机房那破机器上IE6忘了抓图了,现在想给大家看效果也难 ...

png图片透明部分点击

png图片透明部分点击相关推荐

最新文章

热门文章