小程序，H5，翻页效果实现

最新推荐文章于 2024-09-05 23:24:26 发布

刺心疯

最新推荐文章于 2024-09-05 23:24:26 发布

阅读量1.6k

点赞数 1

分类专栏：微信小程序 HTML5

本文链接：https://blog.csdn.net/qq_42363090/article/details/111177552

版权

微信小程序同时被 2 个专栏收录

121 篇文章 12 订阅 ¥69.90 ¥99.00

订阅专栏

超级会员免费看

HTML5

201 篇文章 10 订阅

订阅专栏

这篇博客介绍了一种实现小程序和H5中左右滑动、点击翻书效果的方法，提供了相应的JS和CSS代码示例。

摘要由CSDN通过智能技术生成

本代码是实现小程序的左右滑动，点击翻书的效果，改改在H5也可以用。

效果图：

实现代码：

  <image class="item_0" src="{
  {imageList[turnPage]}}" catchtouchstart='touchStart' catchtouchend="touchEnd"></image>
  <image class="item_1" src="{
  {imageList[turnPage+1]}}" catchtap="ccccc"></image>
  <image class="item_2" wx:if="{
  {ccccc}}" src="/images/fanye3.gif"></image>

js: