微信小程序实现点击效果-创新互联

微信小程序动画之点击效果的具体代码，供大家参考，具体内容如下

目前成都创新互联已为1000+的企业提供了网站建设、域名、虚拟空间、网站托管、企业网站设计、杨浦网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

代码：

js：

// pages/test/test.js
Page({
 containerTap: function (res) {
  var that = this
  var x = res.touches[0].pageX;
  var y = res.touches[0].pageY + 85;
  this.setData({
   rippleStyle: ''
  });
  setTimeout(function () {
   that.setData({
    rippleStyle: 'top:' + y + 'px;left:' + x + 'px;-webkit-animation: ripple 0.4s linear;animation:ripple 0.4s linear;'
   });
  }, 200)
 },
})

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：微信小程序实现点击效果-创新互联
新闻来源：http://cdkjz.cn/article/ddsepg.html