自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 第八章

第八章使用jQuery操作 DOM1.jQuery中的DOM操作1.设置和获取样式值使用css()为指定的元素设置样式值或获取样式值css(name,value) ; //设置单个属性或css({name:value, name:value,name:value…}) ; //同时设置多个属性例:$(this).css("border","5px solid #f5f5f5"); 或 $(thi

2021-01-31 20:10:33 75

原创 第七章

第七章jQuery中的事件与动画1.jQuery中的事件jQuery事件是对JavaScript事件的封装1.鼠标事件鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件click( ) 单击鼠标时mouseover( ) 鼠标指针移过时mouseout( ) 鼠标指针移出时mouseenter( ) 鼠标指针进入时mouseleave( ) 鼠标指针离开时2.键盘事件用户每

2021-01-31 20:09:59 90

原创 第六章

第六章jQuery选择器1.概念jQuery选择器类似于CSS选择器,用来选取网页中的元素例:$("h3").css("background","#09F");功能:获取并设置网页中所有<h3>元素的背景; “h3”为选择器语法,必须放在$()中; $(“h3”)返回jQuery对象; .css()是为jQuery对象设置样式的方法分类:通过CSS选择器选取元素 ①基本选择器 ②层次选择器

2021-01-31 20:09:26 62

原创 第五章

第五章初识jQuery1.语法结构$(selector).action() ;工厂函数$():将DOM对象转化为jQuery对象选择器 selector:获取需要操作的DOM 元素方法action():jQuery中提供的方法,其中包括绑定事件处理的方法2.操作页面元素1.addClass( )方法为元素添加样式jQuery 对象.addClass([样式名]);例:$("#current").addClass("current");2.使用css( )方法设置元素样

2021-01-31 20:08:55 80

原创 第四章

第四章JavaScript对象及初识面向对象1.创建对象1.自定义对象基于Object对象的方式创建对象var 对象名称=new Object( );例:var flower=new Object(); flower.name="长春花"; flower.genera="夹竹桃科 长春花属"; flower.area="非洲、亚热带、热带以及中国大陆的华东、西南、中南等地"; flower.uses="观赏或用药等"; flower.showName=f

2021-01-31 20:08:23 58 1

原创 第三章

第三章JavaScript操作DOM对象1.使用getElement系列方法访问指定节点1.getElementById()2.getElementsByName()3.getElementsByTagName()2.根据层次关系访问节点1.节点属性parentNode 返回节点的父节点childNodes 返回节点的所有的子节点,包括元素节点、文本节点等 .

2021-01-31 20:07:54 234

原创 第二章

第二章JavaScript操作BOM对象1.BOM模型1.BOM:浏览器对象模型BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构2.BOM可实现功能弹出新的浏览器窗口移动、关闭浏览器窗口以及调整窗口的大小页面的前进、后退2.windo对象1.常用属性history 有关客户访问过的 URL 的信息location 有关当前 URL 的信息window.属性名= "属性值"例:window.location=

2021-01-24 15:06:59 88

原创 第一章

第一章1.JavaScript1.基本结构<script type="text/javascript"> <!—JavaScript 语句;—></script >例:<title>初学JavaScript</title></head><body><script type="text/javascript"> document.write("初学JavaScript");

2021-01-23 16:13:50 113

原创 第七章

第七章##浮动1.标准文档流1.块级元素(block)<h1>...<h6><p><div>列表2.内联元素(inline)<span><a><img/><strong>...2.display属性block 块级元素的默认值,元素会被显示为块级元素,该元素前后带有换行符inline 内联元素的默认值,元素会被显示为内联元素,该

2021-01-17 16:00:55 143

原创 第六章

第六章盒子模型1.边框(border)1.边框颜色border-color[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UzS7ZJi2-1610870351366)(D:\笔记\捕获.PNG)]2.边框粗细border-width 属性值:thin 细边框 medium 中等边框(默认) thick 粗边框 像素值 例

2021-01-17 16:00:20 46

原创 第五章

第五章##CSS3美化网页元素####1.标签1.基本语句<span>...</span>2.字体样式(font)1.字体类型font-family例:p{font-family: "楷体";} body{font-family: "楷体";}2.字体大小font-size例:h1{font-size:24px;}3.字体风格font-style例:h1{font-style:italic;}4.字体粗细font-weight例:h1

2021-01-17 15:59:37 59

原创 第四章

第四章CSS31.CSS1.基本语法结构选择器 {声明1; 声明2; …… } 2.style标签<style type="text/css">h1 { font-size:12px; color:#F00;}</style>2.CSS样式1.行内样式例:<h1 style="color:red;">style属性的应用</h1><p styl

2021-01-17 15:59:03 69

原创 第三章

第三章##表单1.表单1.基本语法<form method="post" action="result.html"> <p>名字:<input name="name" type="text"></p> <p>密码:<input name="pass" type="password"></p> <p> <input type="submit" name="name" va

2021-01-17 15:57:57 103

原创 第二章

第二章列表、表格与媒体元素1.列表1.无序列表<ul><li>...</li><li>...</li><li>...</li></ul>注:无顺序;每个<li>标签独占一行;默认<li>标签前有个实心小圆点2.有序列表<ol><li>...</li><li>...</li><li>...

2021-01-17 15:57:22 77

原创 第一章

第一章HTML网页布局1.基本结构<!DOCTYPE html> //规范声明<html><head lang="en"> <meta charset="utf-8"/> //utf-8防乱码 <title>网页标题内容</title></head><body> 体内容</body></html&g

2021-01-17 15:56:52 81

空空如也

空空如也

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

TA关注的人

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