优秀h5收藏

优秀h5收藏:

1.http://s.auto.163.com/2017/1104/vwgolf/

2.故宫h5:http://nigg.treedom.cn/;

3.淘宝亲亲节:http://qinqinh5.com/?from=singlemessage&isappinstalled=0

4.守护众众熊游戏:http://www.h5case.com.cn/case/vw/2/

5.娱乐圈画转:http://ent.163.com/special/entphotos2017/?1058=&spssid=cefb8767ad1339da3f683a12cb65e3d8&spsw=16&spss=other&from=groupmessage&isappinstalled=0

6.节气动图:https://h5.in66.com/inpromo/2017/egret/season/index.html

7.京东年货节:http://campaign.boi-ad.com/jingdong_street/

8.爱的不同定义:http://news.163.com/special/fdh5_shape_05/?spssid=32900e9452fa2e6ea64ba9d80ddcff7f&spsw=2&spss=other&

9.点击进入不同世界:http://music.163.com/nact/happiness_29

10.网易爱的不同定义:http://news.163.com/special/fdh5_valentines/?1714=&from=singlemessage&isappinstalled=0

11.重返这五年:https://c.m.163.com/nc/qa/activity/20180223/index.html?spssid=32900e9452fa2e6ea64ba9d80ddcff7f&spsw=1&spss=163

12.文字玩法:http://yglh.ronghuiad.com/index.php

13:横屏+一镜到底:http://news.163.com/special/fdh5_tolerance/?spssid=32900e9452fa2e6ea64ba9d80ddcff7f&spsw=1&spss=other

http://kugames.youku.com/games/vivovideo/index.html

14:游戏类h5a》http://h5.cyol.com/special/2018gongjianzhan/m1.php?id=1

15:教育h5:http://oatthegoat.co.nz/intl.html(three.js写的)

 

 

白露引擎使用:https://github.com/DragonBones/DragonBonesJS/tree/master/Egret/Demos

http://bbs.egret.com/thread-30131-1-1.html

 

H5商品收藏功能通常是在前端网页上实现的一种交互体验,用户可以方便地将感兴趣的商品添加到自己的收藏夹。以下是基本的实现步骤: 1. **HTML结构**:创建一个收藏按钮,一般使用`<button>`元素,并给它一个唯一的标识,比如"data-id"属性用于存储商品ID。 ```html <button class="collect-btn" data-id="123">收藏</button> ``` 2. **JavaScript事件处理**:使用JavaScript监听这个按钮的点击事件,通过`addEventListener`方法。 ```javascript document.querySelector('.collect-btn').addEventListener('click', function() { // 收藏操作 }); ``` 3. **数据管理**:需要一个本地存储机制,如浏览器的localStorage或cookie,用来保存用户的收藏状态。你可以创建一个对象,键是商品ID,值是一个布尔标志表示是否已收藏。 4. **收藏逻辑**:当用户点击收藏按钮时,检查当前商品是否已被收藏,如果未收藏则添加到本地存储,反之则移除。 ```javascript function collectItem(itemId) { let isCollected = localStorage.getItem(itemId); if (!isCollected) { localStorage.setItem(itemId, true); console.log('已收藏'); } else { localStorage.removeItem(itemId); console.log('已取消收藏'); } } ``` 5. **更新界面反馈**:根据localStorage中的状态改变按钮图标或文字,显示用户的收藏状态。 以上就是一个基础的H5商品收藏功能的实现,实际应用中可能还会涉及到服务器端的同步以及用户体验优化等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值