- 博客(11)
- 收藏
- 关注
RSS订阅原创 jQuery（2）选择器及案例
1.jq 的基础选择器<body> <div>我是div</div> <div class="nav">我是nav div</div> <p>我是p</p> <ol> <li>我是ol 的</li> <li>我是ol 的</li> <li>我是ol 的</li>
2021-01-11 20:40:59
178
1
原创 jquery（1）
1.js库2.jquery库优化了DOM操作、事件处理、动画设计和ajax交互3.引用jquery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2020-12-19 12:54:12
82
1
原创 关于js全局变量和局部变量以及点击事件能否改变全局变量
1.定义函数,普通函数不影响全局变量 var num =1; function a() { num=2; } function b() { console.log(num); } b();//输出1 <div></div> <span></span> <script> var
2020-12-15 17:08:17
1648
原创 网页轮播图实现
学习目标：网页轮播图的实现1.offset .client. scroll 三大家族2.缓动动画的原理和封3.网页轮播图实现4.节流阀 返回顶部及筋斗云案例5.移动端轮播图实现6.移动端插件使用 及轮播图的实现7.html5本地储存及记住用户名案例学习内容：网页轮播图的实现注意：（1）孩子可以比父亲宽，只是在孩子没有设置宽度时 ，是根据父亲来判断宽度（这里为了让所有li的图片浮动在一行显示 设定ul宽度为600%）。（2）轮播图必须是 ul >li 用小li装图片 浮动f
2020-12-15 15:32:20
1421
原创 缓封动画的原理和封
学习目标：网页轮播图的实现1.offset .client. scroll 三大家族2.缓动动画的原理和封3.网页轮播图实现4.节流阀 返回顶部及筋斗云案例5.移动端轮播图实现6.移动端插件使用 及轮播图的实现7.html5本地储存及记住用户名案例学习内容：1.mouseover与mouseenter的区别mousedown才是鼠标按下触发（1）当鼠标移动到元素上时就会触发mouseenter事件（2）类似mouseover ，但是二者有差别（3) mouseover 鼠标经过自
2020-12-14 00:20:32
144
1
原创 css高级技巧（1）
目标：1.能够使用精灵图2.能够使用字体图标3.能够写出css三角4.能够写出常见的css用户界面样式5.能够说出常见的布局技巧内容：1.精灵图（sprites)（把小的图片汇总放在一张图上）为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度——css精灵技术(主要针对小的背景图片）background-position : x , y往上（ 负值）往左 （负值） .box1 { width: 60px; height:
2020-12-08 00:09:41
160
原创 css 元素的显示与隐藏 display visibility
网页布局总结1.标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。2.浮动可以让多个块级元素一行显示或者左右对齐，多个块级盒子水平显示就用浮动布局。3.定位下拉菜单会盖住其他盒子 ——用定位 js右侧固定栏——固定定位定位最大的特点是有层叠的概念，就是可以让多个盒子前后叠压来显示。如果元素自由在某个盒子内移动就用定位布局。元素的显示与隐藏...
2020-12-07 17:13:47
105
原创 css 定位 position 以及float的一些额外特性
css定位为什么需要定位？1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。2.定位是让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。定位组成定位=定位模式 + 边偏移定位模式：一个元素在文档中的定位方式边偏移：决定该元素的最终位置子绝父相1.子级绝对定位，不会占位置，可以放到父盒子的里面的任何地方，不会影响其他的兄弟盒子。2.父盒子需要加定位限制子盒子在父盒子内显示。(父亲需要保留原来的位置不能用absolute）固定定位fixe
2020-12-07 00:27:18
80
原创 offset .client. scroll 三大家族
学习目标：网页轮播图的实现1.offset .client. scroll 三大家族2.缓动动画的原理和封3.网页轮播图实现4.节流阀 返回顶部及筋斗云案例5.移动端轮播图实现6.移动端插件使用 及轮播图的实现7.html5本地储存及记住用户名案例学习内容：//4.开始拖拽鼠标拖拽盒子 拖动模拟框 //(1) 当鼠标按下 就获得鼠标在盒子内的坐标 **//关键在于 让offsetleft offsettop值与鼠标的 x,y 值相关联，即盒子的位置与鼠标移动的关系 。
2020-12-06 19:04:55
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人