- 博客(24)
- 收藏
- 关注
原创 隐藏显示(jquery)
fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果)。fadeIn() 方法逐渐改变被选元素的不透明度,从隐藏到可见(褪色效果)。slideDown() 方法以滑动方式显示被选元素。slideToggle() 方法在被选元素上进行。slideUp() 方法以滑动方式隐藏被选元素。toggle() 方法在被选元素上进行。fadeToggle() 方法在。...
2022-08-13 17:35:14
201
原创 添加删除属性(jquery)
toggleClass() 对设置或移除被选元素的一个或多个类进行切换。removeClass() 方法从被选元素移除一个或多个类。hasClass() 方法检查被选元素是否包含指定的类名称。addClass() 方法向被选元素添加一个或多个类。...
2022-08-12 20:33:20
520
原创 函数(事件绑定)
mouseenter():当鼠标移除元素本身(不包含元素的子元素)会触发事件,也就是不会冒泡,对应的移除事件是mouseleave。onmousemove()事件是在某个元素中加入了onmousemove事件,当鼠标在这个元素上移动的时候就会触发该事件。mousedown()事件是在鼠标键点下的时候触发(包括左键和右键),触发后可以进行其他操作。addEventListener()事件监听函数:可以绑定多事件函数,依次执行(onmouseup()事件是在鼠标按键松开的时候触发onmouseup事件。...
2022-08-08 17:01:48
248
原创 数组 函数
里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使。序,把第二个小的数放在前面,不断比较,直到形成一串由小到大排列的数字为止。此处数组的长度是数组元素的个数 ,不要和数组的索引号混淆。把数组中的每个元素从头到尾都访问一次(类似学生的点名),可以通过。数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。注意:如果访问时数组没有和索引值对应的元素,则得到的值是。属性值大于数组的元素个数,则会在数组末尾出现空白元素;属性值小于数组的元素个数,则会把超过该值的数组元素删除。....
2022-08-04 16:55:39
539
原创 js(数据类型、分支语句、循环语句)(0801)
双分支语句(ifelse语句先进行表达式的语句判断,若表达式的值为true则执行相应语句,若表达式的值为false则跳过当前if语句或执行else下的语句)单分支语句(if语句在小括号内进行表达式的比较,若比较的值为true则执行if语句中的执行语句,若为false则跳过if语句)多分支语句(当对于一个变量进行多次判断时只用一次if语句进行判断显然是不够的,这时候我们就要用到多分支语句对变量进行判断)JavaScript变量能够保存多种。数值、字符串值、数组、对象等等。...
2022-08-01 18:57:48
74
原创 项目总结(0730)
头部可以分为三个板块顶部的音悦网、中间部分的音悦商城、底部的艺人分类。可以使用弹性布局进行位置上的调,其中关键的地方就是鼠标移入官方微博和关注微信,会有一个二维码的显示。在做项目之前,要先构思好整体页面的布局,这样有利于提升我们做项目的过程中的流畅程度和页面效果的美化程度。可以发现每个部分的网页都有相同的“头部”和“底部”,我可以单独做一个头部和底部的网页。底部的布局分两部分顶部的图片部分、底部的内容部分。这里分为两大部分标题部分和内容部分,其中内容部分可分为内容部分的标题部分和字体部分。...
2022-08-01 08:11:24
64
原创 flex弹性布局 grid网格布局(0726)
Flexbox是flexiblebox的简称(注意思是“灵活的盒子容器”),是CSS3引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。
2022-07-26 17:08:15
363
原创 Sass混合器、继承(0725)
Sass中也可实现继承类似面向对象思想子类继承父类,sass可以继承多个父类这个”父类“可以是类,id标签状态等。Sass中的混合器类似于js的函数,将一段代码定义成混合器以实现代码的重用。调用混合器@includeminName。声明混合器@mixinmixName。继承语法@extendname。混合器分为无参有参有默认值。......
2022-07-25 17:01:31
131
原创 Sass 预处理器安装与使用(0723)
Sass扩展了CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。Sass生成良好格式化的CSS代码,易于组织和维护。Sass文件后缀为.scss。
2022-07-23 16:36:16
256
原创 溢出隐藏 倾斜 3D(0722)
overflowhidden该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位。skew()倾斜的不是元素本身,倾斜的是此元素所在的坐标轴,而且坐标轴的刻度还被拉伸了。
2022-07-22 21:00:48
116
原创 背景图、边框图、阴影、圆角、过渡、动画(css)(0721)
box-shadow水平阴影的位置垂直阴影的位置阴影模糊度阴影颜色内阴影外阴影(默认外阴影)background-Origin属性指定background-position属性应该是相对位置。background-image指定要使用的一个或多个背景图像。background-position指定背景图像的位置。background-origin指定背景图像的定位区域。box-shadow属性可以设置一个或多个下拉阴影的框。background-clip指定背景图像的绘画区域。...
2022-07-21 17:11:56
220
原创 拖放、localStorage储存、sessionStorage储存(0719)
该事件表示拖放开始该事件表示拖放结束ondrop该事件表示拖放过程效果图(拖放前后)
2022-07-19 18:08:24
202
原创 地图(0718)
然后点击开发文档里的JavaScriptAPI。这样你就可以选择你要使用的地图。最后在您的密钥部分输入密钥。密钥注册方法(申请密钥)首先搜索百度地图开放平台。然后再点击示例DEMO。
2022-07-18 17:34:37
137
原创 svg(阴影 渐变)(0716)
radialGradient元素用来定义一个径向渐变,和前面一样,它也必须包含在定义标签中。stop-opacity他告诉在停止点使用的Alpha值或不透明度。元素是定义的缩写,包含特殊元素(例如滤镜)的定义。linearGradient元素用于定义线性渐变。属性,用于标识滤镜。图形然后指向要使用的滤镜。stop-color它指示在停止点使用的颜色。normal——正常。multiply——正片叠底。lighten——变亮。screen——滤色。darken——变暗。.........
2022-07-18 17:23:02
62
原创 svg图形与动画(0718)
points="起点(20010)折点1(200100)折点2(300100)终点(50010)"圆(可通过fill="red"fill-opacity="0.3"分别更改填充颜色和填充颜色的透明度)通过更改圆的填充色来进行颜色变化的执行(attributeName="fill")fill-opacity=""设置填充的透明度-->repeatCount=""要执行的次数。从颜色为from="red"改为to="green"从半径为from="0"改为半径为to="100"............
2022-07-16 17:16:11
391
1
原创 0714笔记
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline1pxsolid#000去除轮廓outlinenone。nth-child(odd)odd是奇数行,even是偶数行。background-size3%调成背景图大小。table在style上设边框只出现外边框效果。focus一个输入字段获得焦点时选择的样式。overflowauto溢出出现滚动条。colspan="2"合并行。rowspan="2"合并列。...
2022-07-14 15:39:25
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人