文件名称：JS仿ios按触效果
文件大小：3KB
文件格式：ZIP
更新时间：2020-12-21 08:12:29
HTML CSS JavaScript
使用步骤 See end » 复制图片、导入样式与脚本 first 样式文件只有一行，脚本文件只有2358个字符长度，图片文件仅有jy_black.png。 图片文件请先粘贴在你的images文件夹下，样式脚本你可以单独引入，但更推荐把样式插入到你的通用样式文件中(注意背景图片的地址要正确)，把脚本全选复制到通用脚本中。 加上相应的class second 给按钮加上相应的class: lcp_down:根据当前元素的圆角设置反应到按触效果层 lcp_down2:以5px的圆角设置反应到按触效果层 lcp_down3:以50%的圆角设置反应到按触效果层 方法调用 third 调用方法对使用了lcp_down的class进行事件绑定。 该方法有一个参数(dom类型,默认body)，参数用于限定查找元素的范围--只在该dom元素下查找绑定； 此方法为即时绑定，对于未来元素无效，需要再次绑定。 注意事项 See end » 效果说明 1 此库仅用于webapp，对网站无效。 当然，只要改下事件，就能在网站上使用，但笔者认为这是一种多余的手段，就没做通用处理。 class的有效性 2 3个class的优先级按lcp_down,lcp_down2,lcp_down3递减，也就是说，如果一个dom元素上有多个class，则按优先级判定效果。 dom的有效性 3 由于是自定义div模拟按触效果，所以input等非闭合标签的按触效果无效！ 如果需要使用，请把input转化成div或其他需闭合标签。
【文件预览】：
lcp_downCreate
----lcp_downCreate.js(2KB)
----demo.html(983B)
----jy_black.png(2KB)
----lcp_downCreate.css(163B)