使用CSS和jQuery轻触发光示例，享受

今天刚看到这个简单的方法后，看到一些其他人在这两个不同的iOS应用程序中使用这个很酷的发光效果。 我在这个社区有很多人的帮助，我想我可以回馈一下。 请享用！

这里是一些简单的CSS发光效果（在这种情况下，白色）。 当然，根据你的button的宽度和高度，你可能需要调整顶部和底部的％。 

.glow-hover-effect { display:none; background: #B4B2B2; height:1px; width:2px; margin:0 auto; z-index:500; position:absolute; top: 15%; left: 47%; -webkit-border-radius: 5em; -webkit-box-shadow: 0px 0px 45px 30px rgba(255, 253, 253, 0.75); } .ftk50 { position:relative; z-index:100; }

这里是当你点击一个设备时popup的jQuery。 我也有兴趣看到一个更短的方法呢？ 

 $('.ftk50').bind('touchstart', function() { $('.glow-hover-effect').fadeIn(); }); $('.ftk50').bind('touchend', function() { $('.glow-hover-effect').fadeOut(); });

HTML示例 

 <div class="ftk50"> <div class="glow-hover-effect"></div> <input type="button" value="Buy Now" data-ajax="false"/> </div>

BAM现在您的stylin'在您的button发光效果。 礼貌http://www.slickremix.com任何人有任何其他的解决scheme？

Interesting Posts