自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 复习css

1 基本语法 选择器+声明 id选择器 #id class选择器 .class 元素选择器 p <元素 class = "main"> p.main 属性选择器 [title]属性选择器 选择器的分组与嵌套 h1,h2,p { color:green; } .marked p{ }: 为所有 class="marked" 元素内的 p 元素指定一个样式。 p.marked{ }: 为所有 class="marked" 的 p元素指定一个样式。 .

2022-01-26 22:40:12 179

原创 js制作日历

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do...

2022-01-21 21:29:56 3312

原创 轮播图(三)

我们首先获取到 wrap(因为要设置其left才能控制轮播图),然后获取到左右两个箭头,并实现手动轮播,如下: var wrap = document.querySelector(".wrap"); var next = document.querySelector(".arrow_right"); var prev = document.querySelector(".arrow_left"); next.onclick = functi

2022-01-21 21:24:09 150

原创 轮播图(二)

步骤二: css布局  首先,resetcss,如下所示: * { margin:0; padding:0; } a{ text-decoration: none; }  接着,我们为了让图片只在container中,所以需要限定其宽度和高度并且使用overflow:hidden;将其余的图片隐藏起来,并且我们希望wrap相对于container左右移动,所以设

2022-01-18 22:10:52 333

原创 js轮播图(一)

步骤一:建立html基本布局如下所示:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>轮播图</title></head><body> <div class="container"> <div class="wrap" style="left:-600px;">

2022-01-18 18:50:18 414

原创 js自定义语法

3.匿名函数var myFun = function(args1, args2){ alert('haha'); }变量 myFun 指向一个匿名函数,这相当于创建函数 function myFun(args1, args2){ alert('haha'); }由于 javascript 没有类型,所以变量可以指向任意类型,也可以指向一个函数,对它来说都只是一片内存空间而已匿名函数一般用在只有一次使用的情况下,也是可以传递参数的如: element.onclick = function(){ al

2022-01-14 19:22:58 293

原创 js自定义对象语法

1. 基本语法:使用 function 指令定义。其属性用“this.属性名”定义。如: function ObjectName(yName,yAge) {this.name = yName;this.age = yAge;}调用时:var myObject = new ObjectName("kk",80); // ObjectName 里面的函数会被执行document.write("name = " + myObject.name + "<br> age = " + myO

2022-01-14 19:21:08 339

原创 js基础笔记

一、string字符串1、转换字符串    value.toString()方法:3种主要的原始类型:Boolean、数字和字符串都有toString方法,但null和undefined没有。    "" + value方法:强制类型转换。    String(value)方法:建议使用。  2、Boolean的toString方法只能返回true和false。  3、Number的toString方法比较特殊,它有两种模式,即默认模式和基模式。    默认模式(toStrin.

2022-01-12 19:34:43 97

原创 JS自带函数

concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。var index1 = a.indexOf("l");//index1 = 2var index2 = a.indexOf("l",3);//index2 = 3charAt返回指定位置

2022-01-12 15:59:56 112

原创 js...

NaN即非数值(Not a Number)是一个特殊的数值。NaN特点:(1)任何涉及NaN的操作都会返回NaN。(2)NaN与任何值都不相等,包括NaN本身。数值转换:Number()、parseInt()、parseFloat()三个函数可以把非数值转换为数值,其中第一个可以用于任何数据类型,另外两个专门用于把字符串转换成数值。字符串一旦创建,他们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量。Object属性和方法:..

2022-01-10 21:31:05 357

原创 js的元素

first-line 伪元素::first-line 伪元素用于向文本的首行添加特殊样式::first-line伪元素只能应用于块级元素以下属性适用于::first-line 伪元素:字体属性颜色属性背景属性word-spacingletter-spacingtext-decorationvertical-aligntext-transformline-heightclear双冒号表示法 -::first-line 对比:first-line...

2022-01-08 00:32:27 371

原创 js基本语法

1、简单指令alert(""); 提示框;confirm(""); 确认框,点击后会响应返回true或false;prompt(); 弹出一个输入框;document.write(""); console.log(""); 在控制台打印相应的信息;console.dir(""); 在控制台打印出该对象的所有信息;2、转义字符\\r 回车\n 空格\t 缩进\\ 反斜杠3、(Date)日期对象date.getTime()date.getMilliseco

2022-01-05 20:58:03 199

原创 js中的数据类型

typeof 操作符由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字.typeof 123   //Numbertypeof 'abc'  //Stringtypeof true //Booleantypeof undefined //Undefinedtypeof null //Objecttypeof { } //Objecttypeof ...

2022-01-04 20:36:30 82

原创 js常用语句

1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6.一个小写转大写的JS:document.get

2022-01-03 21:42:39 499

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除