jQuery案例
呆呆怪兽
心存感激,所遇皆温柔
展开
-
JS轮播图面向对象的写法(jQuery方式)
用了jQuery写的html代码 <div id="container"> <div id="pre">《</div> <div id="next">》</div> <div id="list" style="left:0px;"> <a hre...原创 2020-04-15 11:56:26 · 200 阅读 · 0 评论 -
jQuery实现电梯导航效果
原理每个盒子的索引值和每个按钮的索引一一对应,然后运动到相对应的盒子上 也就是scrollTop的值成果图 <style> .box2 { position: relative; width: 600px; height: 500px; background-colo...原创 2020-03-03 16:41:00 · 819 阅读 · 0 评论 -
jQuery发布微博案例
主要功能1,点击发布,动态创建 li 元素 , 获取textarea的值,添加到 li 中去.也动态创建了 a ,主要用来删除操作2,给 a 元素,绑定点击操作,点击之后把当前的 l i 删除.代码 <div class="box"> <textarea cols="30" rows="10"></textarea> ...原创 2020-02-29 12:58:35 · 787 阅读 · 0 评论 -
jQuery实现购物车功能的案例
用jquery写了一个购物车的案例功能如下1,全选按钮和单个复选框的功能2,商品数量的加减3,单个商品总价随着商品数量的增减变化4,实现了商品总数的变化5,实现所有商品价钱之和随着商品的件数变化而变化6,添加了单个商品删除功能7,添加了清空购物车功能下面是代码展示<body> <div class="box"> <div c...原创 2020-02-28 14:34:20 · 3500 阅读 · 1 评论 -
jQuery效果的淡入淡出的案例
<style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: black; } .box { position: absolute; ...原创 2020-02-25 15:21:01 · 252 阅读 · 0 评论 -
jQuery效果
重点:在做效果的时候难免会出现动画排队的现象,比如其他鼠标事件或者鼠标点击事件过快,效果来不及运行,就会出现排队显现,所以,我们要在做的动画的前面添加一个stop()方法,这样就不会出现排队情况例如这个是下拉菜单的案例 <ul class="nav"> <li> <a href="">手机</a> ...原创 2020-02-25 13:43:44 · 96 阅读 · 0 评论 -
jquery 基础+Tab栏切换案例
类操作在原生JS里面className会覆盖元素原来有的类名jquery里面的类操作就不会这样,只对指定类进行操作,不影响原先的类名添加类名addClass()删除类名removeClass()注意:使用这个方法,括号里面不需要再加那个小点,直接写类名就行了 比如说<div class = "one"></div><script> $...原创 2020-02-25 10:41:59 · 600 阅读 · 1 评论 -
jquery 排他思想案例
当我点击某个按钮,这个按钮就会变色排他思想 <button>点击</button> <button>点击</button> <button>点击</button> <button>点击</button> <button>点击</button>...原创 2020-02-24 19:40:27 · 483 阅读 · 0 评论