摘要:
注意:animate里面是一个对象,他有几个参数,详情可以参考官网 1 <style> 2 div { 3 position: absolute; 4 width: 200px; 5 height: 200px; 6 background-color: pink; 7 } 8 </style> 9 阅读全文
摘要:
知识点: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 阅读全文
摘要:
重点: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 阅读全文
摘要:
知识点: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 阅读全文
摘要:
上下滑动: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 阅读全文
摘要:
这里用到三个函数方法:show() hide() toggle() 注意点是三个方法里面的两个参数的使用,前一个参数是时间,表示显示速度;后一个参数是回调函数,只有前面的动画执行完之后,回调函数才会执行 1 <style> 2 div { 3 width: 150px; 4 height: 300p 阅读全文
摘要:
注意jQuery和js的区别: <style> .one { width: 200px; height: 200px; background-color: pink; transition: all .3s; } .two { transform: rotate(720deg); } </style 阅读全文
摘要:
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 . 阅读全文
摘要:
方法:添加类addClass 、删除类removeClass、 切换类toggleClass 1 <style> 2 div { 3 width: 150px; 4 height: 150px; 5 background-color: pink; 6 margin: 100px auto; 7 tr 阅读全文
摘要:
注意点都在代码里 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 阅读全文
摘要:
使用的思想:隐式迭代、 1 <button>快速</button> 2 <button>快速</button> 3 <button>快速</button> 4 <button>快速</button> 5 <button>快速</button> 6 <button>快速</button> 7 <but 阅读全文
摘要:
使用的方法:click() css() siblings() 1 <button>快速</button> 2 <button>快速</button> 3 <button>快速</button> 4 <button>快速</button> 5 <button>快速</button> 6 <button 阅读全文
摘要:
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> 阅读全文