摘要: 注意:animate里面是一个对象,他有几个参数,详情可以参考官网 1 <style> 2 div { 3 position: absolute; 4 width: 200px; 5 height: 200px; 6 background-color: pink; 7 } 8 </style> 9 阅读全文
posted @ 2019-11-29 13:56 遥望那月 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 知识点:fadeIn fadeOut fadeToggle fadeTo 1 <style> 2 div { 3 width: 150px; 4 height: 300px; 5 background-color: pink; 6 display: none; 7 } 8 </style> 9 <b 阅读全文
posted @ 2019-11-29 11:47 遥望那月 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 重点:stop,在实际项目中,这个细节很重要 1 <style> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 7 li { 8 list-style-type: none; 9 } 10 11 a { 12 text-decoration: none; 13 fon 阅读全文
posted @ 2019-11-29 11:39 遥望那月 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 知识点:hover的使用,已经slideToggle的切换效果 1 <style> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 7 li { 8 list-style-type: none; 9 } 10 11 a { 12 text-decoration: non 阅读全文
posted @ 2019-11-29 11:34 遥望那月 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 上下滑动:slideDown slideUp slideToggle 1 <style> 2 div { 3 width: 150px; 4 height: 300px; 5 background-color: pink; 6 display: none; 7 } 8 </style> 9 <but 阅读全文
posted @ 2019-11-29 11:19 遥望那月 阅读(506) 评论(0) 推荐(0) 编辑
摘要: 这里用到三个函数方法:show() hide() toggle() 注意点是三个方法里面的两个参数的使用,前一个参数是时间,表示显示速度;后一个参数是回调函数,只有前面的动画执行完之后,回调函数才会执行 1 <style> 2 div { 3 width: 150px; 4 height: 300p 阅读全文
posted @ 2019-11-29 11:10 遥望那月 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 注意jQuery和js的区别: <style> .one { width: 200px; height: 200px; background-color: pink; transition: all .3s; } .two { transform: rotate(720deg); } </style 阅读全文
posted @ 2019-11-29 10:58 遥望那月 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1 <style> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 7 li { 8 list-style-type: none; 9 } 10 11 .tab { 12 width: 978px; 13 margin: 100px auto; 14 } 15 16 . 阅读全文
posted @ 2019-11-29 10:57 遥望那月 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 方法:添加类addClass 、删除类removeClass、 切换类toggleClass 1 <style> 2 div { 3 width: 150px; 4 height: 150px; 5 background-color: pink; 6 margin: 100px auto; 7 tr 阅读全文
posted @ 2019-11-29 10:43 遥望那月 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 注意点都在代码里 1 <style> 2 div { 3 width: 200px; 4 height: 200px; 5 background-color: pink; 6 } 7 </style> 8 <div></div> 9 <script> 10 // 操作样式之css方法 11 $(fu 阅读全文
posted @ 2019-11-29 10:34 遥望那月 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 使用的思想:隐式迭代、 1 <button>快速</button> 2 <button>快速</button> 3 <button>快速</button> 4 <button>快速</button> 5 <button>快速</button> 6 <button>快速</button> 7 <but 阅读全文
posted @ 2019-11-29 10:28 遥望那月 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 使用的方法:click() css() siblings() 1 <button>快速</button> 2 <button>快速</button> 3 <button>快速</button> 4 <button>快速</button> 5 <button>快速</button> 6 <button 阅读全文
posted @ 2019-11-29 10:23 遥望那月 阅读(2722) 评论(0) 推荐(0) 编辑
摘要: 1. 父parent、子children、find 1 <div class="yeye"> 2 <div class="father"> 3 <div class="son">儿子</div> 4 </div> 5 </div> 6 7 <div class="nav"> 8 <p>我是屁</p> 阅读全文
posted @ 2019-11-29 10:17 遥望那月 阅读(678) 评论(0) 推荐(0) 编辑