- 博客(29)
- 收藏
- 关注
原创 无缝滚动图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://code.jquery.com
2023-09-01 10:38:20
42
原创 【无标题】
手风琴 jqueryCSS:{margin: 0;padding: 0;}ul{list-style: none;}a{text-decoration: none;}.box{width: 640px;height: 180px;/ border: 1px solid orange; /margin: 200px auto;}.box ul{position: relative;height: 180px;/ border: 1px solid #ccc; /}
2022-05-25 23:41:39
41
原创 【无标题】
手风琴效果 jqueryCSS*{margin: 0;padding: 0;}ul{list-style: none;}.box{ width: 599px; height: 142px; /* margin-top: -200px; */ margin: 200px auto; border: 1px solid orange;}.box ul li img{ width: 300px; height: 140px; /
2022-05-25 23:07:27
51
原创 【无标题】
位移轮播jquerybody部分:jquery部分:css部分:* {margin: 0;padding: 0;} ul {list-style: none;} a {text-decoration: none;} .box {position: relative;width: 400px;height: 400px; margin: 0 auto; overflow: hidden; } .box .pics { position:
2022-05-22 22:42:45
72
原创 【无标题】
Jquery:(是一种轻量级的方法库)Jquery引用:本地引用远程官网连接(必须要联网 使用其他网络的cdn);百度引用 :Window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结果绘制完毕后就执行,不必等待加载完毕。Window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一次。第二次的会把第一次的覆盖掉。$(document).ready()可以同时编写多个,并且都可以得到执
2022-05-16 23:32:31
97
原创 【无标题】
Cookie的处理分为:服务器像客户端发送cookie;浏览器将cookie保存;之后每次http请求浏览器都会将cookie发送给服务器端;document.cookie=“name=value;expires=日期;path=路径;domain=域名;”name:一个唯一确定的cookie名称。name=value必选项;其他都是可选项。max-age: 与expires作用相同,用来告诉浏览器此cookie多久过期(单位是秒),而不是一个固定的时间点。正常情况下,max-age的优先级高于
2022-05-13 00:10:37
60
原创 【无标题】
:document.documentElement.scrollTop||document.body.scrollTop;获取浏览器垂直方向滚动条滚动距离。dom对象.scrollTop:返回元素垂直方向上滚动条滚动距离。dom对象.scrollLeft;水平方向滚动条滚动距离。dom对象.scrollWidth 返回元素内部实际内容的宽度。dom对象.scrollHeight:返回元素内部实际内容的高度。dom对象.scrollBy(X,Y)滚动条滚动距离水平方向每次滚动x像素,垂直方向每次滚动
2022-04-24 20:54:31
203
原创 【无标题】
setInterval(参数1,参数2)间隔参数2时间执行一次参数1的里代码。参数1:待执行的js代码或调用函数。参数2:间隔时间 单位毫秒 msstrObj.indexOf(参数1,参数2)参数1:必须 检索的字符串参数2,可选 开始查找的位置,若省略,从0开始查找。返回值:数字【-1,strObj.index-1】若检索到子串,返回该子串所在位置的索引,若差找不到返回-1.strObj.substr(参数1,参数2)从参数1的位置开始截取长度为参数2的子串。 参数1:必须 开始截取的位置
2022-04-14 22:43:28
219
原创 【无标题】
一.预编译又称为预处理,是做些代码文本的替换工作。处理#开头的指令,比如拷贝#include包含的文件代码,#define宏定义的替换,条件编译等,就是为编译做的预备工作的阶段主要处理#开始的预编译指令。二.编译1、利用编译程序从源语言编写的源程序产生目标程序的过程。2、用编译程序产生目标程序的动作。 编译就是把高级语言变成计算机可以识别的2进制语言,计算机只认识1和0,编译程序把人们熟悉的语言换成2进制的。局部预编译:1.创建AO对象(ActivationObject)执行期上下文。2.找形参
2022-04-07 22:48:43
34
原创 【无标题】
函数:一、全局函数:(1.parselnt() / parseflost(),2.isNaN(number.is )判断参数是否是nan类型 如果是非数字返回true,else返回false。3.eval(参数)把字符串当做js来执行)二、自定义函数:(1.声明函数 function 函数名(形参1,形参2,,,){函数体;Return返回值;} 2.调用函数 函数名(实参1 且对应形参1的值,实参2且对应形参2的值,))匿名函数:function(形参1,形参2,,){函数体;}匿名
2022-04-06 21:01:14
179
原创 【无标题】
Alert() 警告框;Confirm() 确认对话框;(返回值:布尔值)Prompt(参数1(提示用户的文本),参数2(输入框整中的默认值));提示输入对话框: 返回值(1.字符串 2.null。 点击确认按钮,返回输入框中的值。点击取消返回null。)分支:1.单分支 if(条件){语句;}2.双分支 if(条件){语句1;}else{语句2;}…else{语句;}条件1成立,执行语句1,否则看条件2是否成立,逻辑运算符:&& 与 (符号两侧同为真才为真,一侧为假即为假)
2022-03-31 20:57:41
222
原创 【无标题】
数据类型:基本数据类型;(1.数字number 2.字符串string 3.Boolean 布尔类型true false 4.null 空 5.undefined )复合数据类型:(1.数组 2.对象)**变量:声明变量let var 变量名:变量名的命名规则or标识符的命名规则;1.必须以字母,下划线,美元符号开头,后面可以跟字母,下划线,美元符号,数字2.区分大小写3.变量名不能使用关键字与保留字4.建议变量名有含义。一元运算符 如“+a”二元运算符 如"a+b"三元运算符
2022-03-29 21:32:02
35
原创 javascript
1.ECMAScript:(ecma组织)2.Dom(Document Object Model)文档对象模型3.BOM(browser object model)浏览器兼容模型js(javascript)一种轻量级的脚本语言,是由浏览器进行解释,不用编译。引入方式:1.嵌入式:嵌入在html中1.内嵌3.事件引入 按钮 鼠标触发才会有显示onclick 单击;ondblclick 双击;Js注释:单行注释 “//”/多行注释/输出方式:1、alert(内容)警告框 在窗口输.
2022-03-28 21:39:03
871
原创 【无标题】
容器:*1.justify-content主轴对齐方式:*Flex-start左对齐Flex-end 右对齐Space-between 每两个项目之间的距离相等space-around 每一个两侧距离相等Space-evevnly 每两个项目之间距离与边沿的项目距离容器之间的距离相等*2.align-items 交叉轴对齐方式stretch默认当项目未设置高度时或auto时,会沾满整个父容器Center 居中对齐flex-start 悬上 交叉轴起点flex-end 与交叉轴终点对齐
2022-03-24 21:05:53
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人