JQuery
tingyu_
这个作者很懒,什么都没留下…
展开
-
前端——使用JQuery 实现点击加入购物车(二)
实现效果: 1.当鼠标放到购物车上时,购物车向左移动,并展示购物车中的商品 2.点击删除,可以在购物车中删除这个商品项 3.点击加,购物车中该商品数量增加1 4.点击减,购物车中该商品数量减少1,并且当减到1的时候,提示不能再减 一、鼠标的移入与移出: 在鼠标未移入的时候,页面效果是这样的: 在页面的右侧主要有两块: 1.购物车图标 2.鼠标移入购物车图标后,右侧部分左滑,显示购物车中的 商品,也就是下图这个样子: 在这里首先解释CSS部分,理解之后,JQuery部分就好理解了。..原创 2020-07-20 23:47:23 · 4364 阅读 · 0 评论 -
前端开发——使用JQuery实现轮播图效果
效果图如下: 实现的效果有: 1、图片的轮播显示, 2、鼠标放到图片上,停止轮播,离开图片,继续轮播, 3、相应的数字方块,直接跳转到数字对应的图片上。 页面结构代码如下: 第一张图片在最后再次放置的问题: 这个问题呢,我在网上查了资料,但是其中意思一直没有理解,小伙伴们有什么好的见解,欢迎评论区留言。 <body> <div class="play" id="play"> <ol> ..原创 2020-07-15 22:11:54 · 3504 阅读 · 0 评论 -
前端——使用JQuery 实现点击加入购物车(一)
在本篇文章中,主要实现的功能的是:点击 加入购物车 实现效果:点击屏幕上的加入购物车按钮,右侧购物车上面的数字增加1 首先,先上图: 一、上图中左侧数据来源: 这个HTML页面中的数据是写在JSON文件中的,,然后使用JQuery的ajax异步加载,将JSON数据解析出来。 JSON文件中的数据如下: 【注】上面这些数据是单独写在JSON文件里面的,(不要直接将全部数据复制到页面上哦) 二、...原创 2020-07-13 21:43:26 · 7129 阅读 · 0 评论