- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 02网易首页轮播图笔记（李游精品前端课程）
(function(){ leo = { "silder":function(){ var timer = null; var allSilderButton = document.getElementsByClassName("silder-content-button")[0]; var allSilderContent = document.getElementsByClassName("silder-content-UlNode")[0].children; var .
2022-05-19 18:30:54
222
转载 01网易首页静态页面笔记（李游精品前端课程）
首先cs样式布局都是按照老师讲解的课程一步一步写完*{margin: 0;padding: 0;list-style: none;text-decoration: none;}/* topNode */.topNode{ height: 56px;background: #303440;}.topNode .topNodeContent{ width: 1206px;height: 100%;margin: 0 auto;}.topNode .topNodeContent .logo
2022-05-19 18:27:41
196
原创 01网易云首页导航栏html制作（李游精品前端课程笔记）
<!doctype html> <html> <head> <meta charset="utf-8"> <title>网易云课堂</title> <style type="text/css"> *{margin: 0;padding: 0;list-style: none;text-decoration: none;}/*topNode*/ .topNode{ .
2022-05-11 19:04:37
427
原创 415网易云首页导航栏布局（李游精品前端练习笔记）
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;list-style: none.
2022-04-22 21:10:43
321
原创 377-379自制mac系统 （李游精品前端课程笔记）
<!doctype html> <html> <head> <meta charset="utf-8"> <title>李游Leo老师在线课堂</title> <style type="text/css"> *{padding: 0;margin: 0;list-style: none;} /* 1布局分析： li的尺寸和dl的尺寸是一致的，为主要显示画面宽.
2022-04-13 22:32:47
383
原创 【无标题】180-187笔记1月19日李游精品前端课程笔记
180.使用JS获取节点名称 <script type="text/javascript"> onload=function(){ var divNode=document.getElementsByTagName("div"); //获取所有div的标签； console.log(divNode); //输出：objct //如果需要取出某个元素：用下标的方式选中 console.log(divNode[0].
2022-03-23 11:55:20
1021
原创 【无标题】169-179笔记1月18日李游精品前端课程
169.操作元素的基本流程一．JS操作元素的基本方法*因为JS放在文档的最上面，所以要使用window.onload,在页面加载完成后运行JS的代码。二．操作body标签示例<script type=”text/javascript”>console.log (document.body);document.body.style.background=”red”;var a=”pink”;document.body.style.backgroun=a;document.ge.
2022-03-23 11:53:52
1040
原创 162-168 李游前端精品课程笔记
162.字符串下标和长度一．字符串可以储存文字内容，也可以通过下标取出。school012345*下标对应示例取出文字内容：console.log(“shool”[1]);输出：c二．length 方法：获取字符串的长度。var a=school;console.log(a.length);输出为：6*l下标是从0开始，而length是从1开始。163.依次显示文字内容<!DOCTYPE html><html><head> <.
2022-03-16 00:19:59
80
原创 155-161 李游前端精品课程笔记
155.练习题商场小玩意你能停到100么？<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title></head><body> <button id="to">.
2022-03-16 00:18:51
64
原创 147-155 李游前端精品课程笔记
147.JS控制打开及关闭浏览器方法 一．window.open(“www.baidu.com”);浏览器打开这开新窗口(放入网址)window.open(“index.html”);浏览器打开新窗口(放入html类型的文件)；#浏览器要打开允许打开新窗口的权限二．window.closed();关闭当前的窗口（复制到浏览器地址内的网页无法关闭，）*<a href=“1.html” target=“_blank”>aaa</a>在a标签里设置target属性，可.
2022-03-16 00:16:57
778
原创 135-146 李游前端精品课程笔记
135. helloworld一．Alert: 警告；告示alert(“helloworld”)用于在网页中弹出页面提示和警告，双引号内部可以放入字符串，双引号必须为英文的。二，外部引入文件执行（alert)例如：<script type=“text/javascript”src=“index.js”>Index.js 的文件内容为：alert( “hello my name is leo”)总结：外部引入alert文件的权限高于内部直接写alert,...
2022-03-16 00:08:26
1045
原创 【无标题】JS操作DOM：生成、追加、插入、删除、替换、克隆
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>js操作dom</title> <style type="text/css" > /*#hua2{width: 300px;}*/ &.
2022-01-18 18:17:17
465
原创 行间样式及属性的基本操作
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>通过输入数字改变DIV大小</title> <style type="text/css" > /*#hua2{width: 300px;.
2022-01-17 16:31:38
312
原创 通过输入框输入数字改变DIV大小
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>通过输入数字改变DIV大小</title> <style type="text/css" > #leo{background: red;} .
2022-01-14 12:33:16
463
原创 JS控制ID和类
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>逐渐显示文字内容</title> <style type="text/css" > #leo{width: 500px;height: 500.
2022-01-13 17:39:22
292
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人