数据潜水员-CSDN博客

/ 设置动画结束时，盒子的状态（forwards：保持动画结束后的状态（默认）， backwards：动画结束后回到最初的状态）animation-timing-function: ease-in;// 运动曲线:linear ease-in-out steps()间断地分成几步执行。// 动画的执行次数（iteration的含义表示迭代）`infinite`表示无数次。// 执行一次动画的持续时间（上面两个属性，是必选项，且顺序固定）//绕 X 轴旋转360度。//绕 Y 轴旋转360度。

2024-11-02 16:13:53 792

原创伪类，动画效果

属性值是：`linear` 线性、`ease` 减速、`ease-in` 加速、`ease-out` 减速、`ease-in-out` 先加速后减速。- CSS中伪类选择器，比如`:link`、`:visited`、`:hover`、`:active`、`:focus`。- `E:first-of-type`、`E:last-of-type` 匹配同类型中的第一个\最后一个同级兄弟元素E。- `E:first-child`、`E:last-child`: 匹配父元素的第一个\最后一个子元素E。

2024-10-25 19:37:03 257

原创轮播图计时与随机数

下面将介绍2种（不是方法！// 第一种轮播图随机数。// 第二种轮播图计时。

2024-10-23 21:37:34 289

原创修改表单属性

浙江福建广东

2024-10-23 21:07:27 270

原创 wepApi1

?</span></p>">一等奖:<span id="one">?</span></h1>">二等奖:<span id="two">?

2024-10-23 20:39:19 269

原创固定定位、属性选择器

*而浮动的元素不能用**。- `E[title*="abc"]` 选中页面的E元素，并且E需要带有 title 属性,属性值任意位置包含abc。- `E[title="abc"]`选中页面的E元素，并且E需要带有title属性，且属性值**完全等于**abc。- `E[title^="abc"]` 选中页面的E元素，并且E需要带有 title 属性,属性值以 abc 开头。- `E[title$="abc"]` 选中页面的E元素，并且E需要带有 title 属性,属性值以 abc 结尾。

2024-10-22 20:43:50 216

原创绝对、相对定位

付款图标</p></div><div class="container sprite2"><p>存款图标</p></div><div class="container sprite3"><p>删除图标</p></div><div class="container sprite4"><p>粘贴图标</p></div><div class="container sprite5"><p>笑脸图标

2024-10-20 12:46:01 394

原创 html echarts折线图外部引用完整教程

data: ['一月', '二月', '三月', '四月', '五月', '六月']把它存到自己的html里面，用<script src="./">引用。name: '温度 (°C)'name: '平均温度',// 使用刚指定的配置项和数据显示图表。3. 滑倒最底下，点在线定制，进入一个新的页面。4.滑到最底下点下载。

2024-10-19 23:19:57 257

原创对象属性，随机数，javascript

### 对象的使用 2 - 声明对象(字面量{}) 3 - 属性名 ---> 本质上是变量,但是放在对象中，就由对象改称为属性 4 ```h 5 let user = { 6 name:'张三', 7 age:18, 8 gender:'女' 9 } 10 // 对象的属性的新增或修改如果属性存在，做修改如果属性不存在，为新增

2024-10-15 23:41:54 282

原创盒子模型css3

2、对于同一个标签，如果用到的都是外部样式表，且权重一致，那它的优先级：html文件中，引用样式表的位置越近，就用谁。- 1、对同一个标签，如果用到的都是内嵌样式表，且权重一致，那它的优先级：**定义**的CSS样式表中，谁最近，就用谁。整个网页最大的盒子是`<document>`，即浏览器，`<body>`是`<document>`的儿子。/* 综合属性的写法：(上、右、下、左)（顺时针方向，用空格隔开。- width和height：**内容**的宽度、高度（不是盒子的宽度、高度）。

2024-10-15 13:56:53 309

原创继承、层叠和权重

另外：**如果大家的权重相同，那么就采用就近原则：谁描述的近，听谁的**。div.h1 div.h2 div.h3 p{ /* 0个id选择器，3个类选择器，4个标签选择器（0,3,4） */div div #box3 p{ /* 1个id选择器，0个类选择器，3个标签选择器（1,0,3） */#box1 .h2 p{ /* 1个id选择器，1个类选择器，1个标签选择器（1,1,1） */- 选择上了，数权重，(id的数量，类的数量，标签的数量)。/* 设置首字母的颜色为金色 */

2024-10-13 21:34:51 361

原创选择器和伪类

**必须按照固定的顺序写**：> a:link 、a:visited 、a:hover 、a:active。/* 每个父元素的第二个<p>子元素文字下划线 */// p:first-child的意思是：选出同级别中的第一个，然后再判断是否是<p>标签，/* 每个父元素的第一个<p>子元素文字加粗 */// 上方的选择器意思是：选择的是 h3 元素后面紧挨着的第一个兄弟。// :nth-child() 伪类：表示选择器内的特定位置的子元素。（2）**动态伪类**：针对**所有标签**都适用的样式。

2024-10-11 11:55:08 345

原创函数传参、返回值、作用域、逻辑中断等小练习

let arr = [1,2,3,4] / --> undefined // 这个数组是从数据库中获取的过后台 sql语句会出错 --->数据为空。function getSum(num1 = 3,num2 = 5){ // 函数声明时,括号中的参数为形式参数。- 具名函数：声明：function fn(){} 、、、、、调用：fn()// console.log('方法外的打印'+num)if(''){console.log('进来了')}

2024-10-08 23:29:57 832

原创（用户输入高度）柱形图代码html，JavaScript

第${data[i]}</p><p>第${i+1}季度

2024-09-28 22:51:07 174

原创数组的特点及筛选，内含倒三角小技巧

链接：https://cloud.tencent.com/developer/article/2079941。arr[i] = arr[i] + 5 // 获取数组元素,并重新对元素赋值。8. 删除数组(并且能够获取到删除的元素) pop shift splice(start,count)arr.push('a') //常用，在数组中最后一个元素后面添加。arr.push('b') //在数组中第一个元素前面添加。//将数组中的 0 去掉后，形成一个不包含 0 的新数组。

2024-09-28 22:49:37 354

原创 ### 文本排版与样式的玩法

字体修饰：none 去掉下划线、**underline 下划线**、line-through 中划线、overline 上划线。src:url("myFont.ttf") // myFont.ttf 是电脑自带的字体，在电脑 (用户 --> Fonts)/* 每个单词的首字母大写 *//* 每个单词的首字母大写 *//* 文本大写 *//* 文本大小为 18px */

2024-09-25 22:55:27 321

原创 css3 字体文本属性小练习代码

* 动画名称，持续时间，循环方式 *//* 每个单词的首字母大写 *//* 文本对齐方式为两端对齐 *//* 字体样式设置为斜体 *//* 文本大写 *//* 文本大小为 18px *//* 行高为 1.6 *//* 文本向右缩进 */<p class="highlight">这是一段需要高亮显示的文本。/* 开始和结束颜色为红色 *//* 中间颜色为黄色 *//* 文本样式与伪类结合 */<p>这是文章的第一段。<p>这是文章的第二段。-- 文本样式与伪类结合 -->/* 文本对齐和装饰 */

2024-09-25 19:54:55 347

原创 if分支语句 while for循环，三元表达式

console.log("1到100之间所有偶数的和是:", evenSum);console.log("从1加到100的总和是:", sum);console.log('没有执行continue')- if(-1){console.log('我')}- if(1){console.log('我')}console.log('我是单分支')console.log('我是回收站')console.log('循环已停止')console.log('分支1')console.log('分支2')

2024-09-24 22:18:40 316

原创 ATM机银行存款取钱案例

let choice = +prompt("请选择操作：1.存钱 2.取钱 3.查看余额 4.退出");当前余额：" + balance);当前余额：" + balance);let wAmount = prompt("请输入取款金额：");let Amount = prompt("请输入存款金额：");alert("当前余额：" + balance);case '3': // 查看余额。case '1': // 存钱。case '2': // 取钱。case '4': // 退出。

2024-09-24 22:17:05 263

原创 web存储，全屏，地理位置，拖拽，字体属性

vertical-align`属性可用于指定**行内元素**（inline）、**行内块元素**（inline-block）、**表格的单元格**（table-cell）的垂直对齐方式。**总结**：如果想让拖拽元素在目标元素里做点事情，就必须要在 `ondragover()` 里加`event.preventDefault()`这一行代码。/*字体类型：如果没有幼圆就显示黑体，没有黑体就显示默认*/（1）**GPS**（Global Positioning System，全球定位系统）。

2024-09-24 13:53:54 652

原创多媒体与表单事件

输入的次数统计：<input type="text" name="" id="txt2"/>- `oninvalid()`：验证不通过时触发。邮箱：<input type="email" name="" id="txt1"/>- `autoplay` 自动播放。写成`autoplay` 或者 `autoplay = ""`，都可以。- `autoplay` 自动播放。写成`autoplay` 或者 `autoplay = ""`，都可以。- `oninput()`：用户输入内容时触发，可用于输入字数统计。

2024-09-22 15:30:03 402

Chene12345678910的博客

原创 jsweb2

原创过渡，2D，3D 转换