摘要:
音乐导航 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; list-style: none; } .nav { 阅读全文
摘要:
停止动画详解 stop(); <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 400px; height: 400px; backg 阅读全文
摘要:
手风琴案例+stop的使用(解决动画队列的问题) stop();// 停止当前正在执行的动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 阅读全文
摘要:
自定义动画 animate(); 第一个参数:{对象},里面可以传需要动画的样式 第二个参数:speed 动画的执行时间 第三个参数:easing 动画的执行效果 第四个参数:callback 回调函数 //第一个参数:对象,里面可以传需要动画的样式 $("#box1").animate({ lef 阅读全文
摘要:
京东轮播图 有个计数的,点右边,计数增加,判断计数是否超过总的长度,超过设置计数为0,再设置当前的图片动画,兄弟的图片动画 左边点击同理,计数是--,判断计数是否等于-1,等于则reset计数为总长度,在设置当前的图片动画,兄弟的图片动画 <!DOCTYPE html> <html lang="zh 阅读全文
摘要:
三组基本动画 show hide //show不传参数,没有动画效果 $("div").show(); //show(speed) //speed:动画的持续时间 可以是毫秒值 还可以是固定字符串 //fast:200ms normal:400ms slow:600ms $("div").show( 阅读全文
摘要:
表格全选案例 1. 给全选按钮注册点击事件:点击全选的按钮,获取所有input按钮,设置为选中,用prop设置 $("#j_cbAll").click(function () { $("#j_tb input").prop("checked", $(this).prop("checked")); } 阅读全文
摘要:
prop方法和表格全选案例 对于布尔类型的属性,不用attr方法,应该用prop方法 prop用法跟attr方法一样 <input type="button" value="选中"> <input type="button" value="不选中"> <input type="checkbox" i 阅读全文
摘要:
美女相册案例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { font-family: "Helvetica", "Arial" 阅读全文
摘要:
样式:在style里面写的,用css来操作 属性:在里面里面写的,用attr方法操作 //设置单个属性 //attr(name, value) $("img").attr("alt", "图破了"); $("img").attr("title", "错错错错"); //设置多个属性 $("img") 阅读全文
摘要:
tab栏切换 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-s 阅读全文