06 2020 档案

 
学员操作——京东常见问题分类页面
摘要:*{padding:0;margin:0;}html{color:#404040;font-size:12px;font-family:"Arial","微软雅黑";}a{text-decoration:none;color:#1a66b3;}ul{list-style:none;}.left{fl 阅读全文
posted @ 2020-06-30 18:14 Gun'sdream 阅读(1318) 评论(0) 推荐(1)
动画区别
摘要:1.对比fadeIn()与show(),slideDown()的区别 .show('duration')和.hide('duration') 是长度、宽度、透明度三个属性一起变化; fadeIn()/fodeOut是设置好了盒子的尺寸,变化透明度(所以用户看到页面会跳一下); slideDown() 阅读全文
posted @ 2020-06-30 17:39 Gun'sdream 阅读(126) 评论(0) 推荐(0)
jQuery中的事件与动画
摘要:1.jQuery事件是对JavaScript事件的封装 2.基础事件分为鼠标事件、键盘事件、window事件、表单事件 复合事件:鼠标光标悬停、鼠标连续点击 1)鼠标事件: 当用户在文档上移动或单击鼠标时而产生的事件 常用的鼠标事件: click() 触发或将函数绑定到指定元素的click事件 点击 阅读全文
posted @ 2020-06-29 16:41 Gun'sdream 阅读(153) 评论(0) 推荐(0)
学员操作——全网热播视频
摘要:*{margin: 0; padding: 0;font-family: "微软雅黑";font-size: 14px;}ul,ol,li{list-style: none;}#play{margin: 0 auto; width:680px; overflow: hidden;}#play h1{ 阅读全文
posted @ 2020-06-24 19:55 Gun'sdream 阅读(523) 评论(0) 推荐(0)
jQuery基础及选择器(2)
摘要:1. 使用CSS选择器选择元素 基本选择器 $("h1").css("color", "blue"); //标签选择器 $(".price").css({"background":"#efefef","padding":"5px"}); //类选择器 $("#author").css("clor", 阅读全文
posted @ 2020-06-24 19:51 Gun'sdream 阅读(106) 评论(0) 推荐(0)
学员操作——控制大小
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>控制大小</title> </head> <body> <div class="msg"> <div class="msg_captin"> <span class="bigger" 阅读全文
posted @ 2020-06-23 17:47 Gun'sdream 阅读(115) 评论(0) 推荐(0)
学员操作——隔行变色
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>隔行变色</title> <style type="text/css"> table{ border:0;border-collapse:collapse;} td{ font:no 阅读全文
posted @ 2020-06-23 17:46 Gun'sdream 阅读(117) 评论(0) 推荐(0)
jQuery基础及选择器(1)
摘要:1.jQuery 简介:由美国人John Resig于2006年创建,设计思想是write less,do more 2.在页面中引入jQuery <script src="js/jquery-1.12.4.js" type="text/javascript"></script> 3.jQuery语 阅读全文
posted @ 2020-06-23 13:49 Gun'sdream 阅读(166) 评论(0) 推荐(0)
学员操作——组合继承
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组合继承</title> </head> <body> <script> function Humans(name){ this.name=name; this.clothing=[ 阅读全文
posted @ 2020-06-23 11:37 Gun'sdream 阅读(111) 评论(0) 推荐(0)
JavaScript面向对象
摘要:1.JavaScript中的数据类型 number(数值类型) string(字符串类型) boolean(布尔类型) null(空类型) undefined(未定义类型) object(对象类型) 2.对象是什么? 对象是包含相关属性和方法的集合体,它包括 属性和 方法 3.什么是面向对象? 面向 阅读全文
posted @ 2020-06-22 14:20 Gun'sdream 阅读(128) 评论(0) 推荐(0)
学员操作——创建继承person的student子类
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>创建继承person的student子类</title> </head> <body> <p>姓名:<span id="name"></span></p> <p>语文:<span i 阅读全文
posted @ 2020-06-22 13:46 Gun'sdream 阅读(446) 评论(0) 推荐(0)
学员操作——flower函数
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>flower函数</title> </head> <body> <script> function Flower(){ } Flower.prototype.name="小盼"; F 阅读全文
posted @ 2020-06-22 11:25 Gun'sdream 阅读(278) 评论(0) 推荐(0)
JavaScript操作DOM(2)
摘要:1.改变样式的属性 style属性: 语法:HTML元素.style.样式属性="值"; 示例: document.getElementById(" wrap ").style.color="# fff "; document.getElementById(" wrap ").style. back 阅读全文
posted @ 2020-06-19 15:34 Gun'sdream 阅读(144) 评论(0) 推荐(0)
JavaScript操作DOM(1)
摘要:1.什么是DOM DOM:Document Object Model(文档对象模型) Dom分类:Dom core;HTML-DOM;Css-DOM; 2.访问节点两种 1)使用getElement系列方法访问指定节点 getElementById() getElementsByName() get 阅读全文
posted @ 2020-06-18 16:02 Gun'sdream 阅读(137) 评论(0) 推荐(0)
学员操作——制作秒表定时器
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>计时器</title> <style> .wrap{ text-align:center; } .btn{ margin:10px 0; } </style> </head> <bo 阅读全文
posted @ 2020-06-17 14:06 Gun'sdream 阅读(179) 评论(0) 推荐(0)
学员操作——制作5s关闭广告
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>广告</title> <style type="text/css"> img{ width:110px; } #left{ left:0; } #right{ right:0; } 阅读全文
posted @ 2020-06-17 11:51 Gun'sdream 阅读(103) 评论(0) 推荐(0)
JavaScript操作BOM
摘要:1.什么是BOM? BOM:浏览器对象模型(Browser Object Model) window 是整个BOM的核心 2、BOM通常实现的功能弹出新的浏览器窗口移动、关闭浏览器以及调整窗口的大小在浏览器窗口中实现页面的前进和后退功能 3.window对象常用方法 prompt( ) 显示可提示用 阅读全文
posted @ 2020-06-16 13:16 Gun'sdream 阅读(182) 评论(0) 推荐(0)
学员操作—统计考试平均成绩
摘要:<!DOCTYPE html><html> <head lang="en"> <meta charset="utf-8"> <title>统计平均考试成绩</title> </head> <body> <input name="btn" type="button" value="综合考试成绩" on 阅读全文
posted @ 2020-06-15 17:09 Gun'sdream 阅读(270) 评论(0) 推荐(0)
JavaScript基础
摘要:1.什么是JavaScript? JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言 2.JavaScript的特点? 向HTML页面中添加交互行为 脚本语言,语法和Java类似 解释性语言,边执行边解释 3.JavaScript组成 JavaScript是由ECMAScrip 阅读全文
posted @ 2020-06-15 15:06 Gun'sdream 阅读(122) 评论(0) 推荐(0)