- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 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 250
转载 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 231
原创 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 481
原创 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 350
原创 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 404
原创 【无标题】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 1038
原创 【无标题】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 1060
原创 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 96
原创 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 77
原创 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 798
原创 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 1063
原创 【无标题】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 480
原创 行间样式及属性的基本操作
<!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 336
原创 通过输入框输入数字改变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 485
原创 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 318
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人