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