- 博客(34)
- 收藏
- 关注
RSS订阅原创 html5实训考点
jq选择器元素选择器jQuery 元素选择器基于元素名选取元素。在页面中选取所有 元素:$("p")用户点击按钮后，所有 元素都隐藏：实例$(document).ready(function(){$("button").click(function(){$("p").hide(); }); });#id 选择器jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要...
2022-06-15 14:33:55
715
原创 数据库基础
Version:1.0 StartHTML:0000000105 EndHTML:0000038047 StartFragment:0000000127 EndFragment:0000038029【1】代码演示非外键约束：/* 建立一张用来存储学生信息的表 字段包含学号、姓名、性别，年龄、入学日期、班级，email等信息 约束： 建立一张用来存储学生信息的表 字段包含学号、姓名、性别，年龄、入学日期、班级，email等信息 【1】学号是主键 = 不能为空 + 唯一 ，主键的..
2022-05-26 17:18:00
956
原创 点击输入添加表格
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #form { width: 480px; margin: 30px auto; border: 1px solid #eee; border-radius: 5px; paddi.
2022-05-11 08:58:50
216
原创 【无标题】
<div id="content"><div id="snake"><div class="box head"></div><div class="box"></div></div></div>其中，content为整个布局的大盒子，snake就是蛇，里面的box就是他的身体，为了区分头部我们给第一个box加了个head名字用于区分，下面我们再把css加上。<style>
2022-05-08 14:51:45
414
原创 javascript的原型，原型链，内置对象 拖曳对话框 放大镜显示和隐藏遮挡层及大层
图片跟着鼠标飞1.<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>title</title><style>img {position:absolute;}</style></head><body><i...
2022-05-08 14:33:16
392
原创 javascript的监测滚动 条 封装缓动动画增加任意一个属性 导航栏
javascript的监测滚动条<style>*{margin: 0;padding: 0;}div{width: 300px;height: 200px;border: 2px solid red;}inpput{left:330px;position:absolute;top:20px;Overflow:auto;}</style></head><body><div id="dv"
2022-05-08 14:29:35
435
原创 筋斗云案例
筋斗云案例<style>*{margin: 0;padding: 0}ul{list-style: none}body{background-color: #333;}.nav{width: 800px;height: 42px;margin: 100px auto;...
2022-05-08 14:27:15
232
原创 点击添加边框
<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>Document</title> <style> .box { width: 200px; height: 200px; margin: 100px auto 0; fo...
2022-05-06 09:18:19
126
原创 js编写点击按钮数字加一
<body> <input type="text" value="0"><br><br> <input type="submit" value="加一"> <input type="submit" value="清除"> <script type="text/javascript"> var text = document.getElementsByTagName('input...
2022-05-06 09:10:58
2304
原创 一次性定时器、左右焦点轮播图
一次性定时器window.onload=function(){//一次性定时器var timerd=window.setTimeout(function ( {alert("您好");},1000) ;//点击这个按钮,停止这个一次性的定时器docunent.getElementById("btn").onclick=function () {clearTimeout(timeId);};</script></head><bod.
2022-04-29 21:27:25
111
原创 javascript的操作DOM的节点操作
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：1. nodeName : 节点的名称2. nodeValue ：节点的值3. nodeType ：节点的类型一、nodeName 属性:节点的名称，是只读的。1.元素节点的 nodeName 与标签名相同2.属性节点的 nodeName 是属性的名称3.文本节点的 nodeName 永远是 #text4.文档节点的 nodeName 永远是 #document二、nodeValue ...
2022-04-28 20:13:41
1617
原创 绑定事件结合
绑定事件<input type="button" value="按钮" id="btn" /><script src="common.js"></script><script>//为按钮绑定多个点击事件my$( "btn").addEventlistener( "click",function () iconsole.log(this);,false);my$( "btn").attachEvent( "onclick",functio
2022-04-20 10:43:21
650
原创 javascript的操作DOM的属性
DOMJavaScript分三个部分ECMAScript标准:JS的基本语法DOM:DocumentObjectModel--->文档对象模型-----操作页面的元素BOM:BrowserobjectModel...--.浏览器对象模型--操作的是浏览器DOM:文档对象模型*文档:把--个htmL文件看成是--个文档，由于万物皆对象，所以把这个文档看成是一个对象*XML文件也可以看成是一个文档*HTML：展显示信息，数据*XML：重点在于存储...
2022-04-14 13:45:14
1034
原创 jQuery插件，UI
插件 1.1.常用插件 插件:gruery不可能包含所有的功能，我们可以通过插件扩展jquery的功能，jQuery有看丰富的插件，使用这些插件能给jQuery提供些额外的功， 1.1.1.jquery.color.js animate不支持颜色的渐变，但是使用了jquerycolorjs后，就可以支持颜色的渐变了。<style>div{Width;400px;height;400px;Background-color:red;}</style>...
2022-03-28 20:57:27
335
原创 jQuery基础操作样式,动画，节点
jQuery操作样式 1.1.css操作 功能:设置或害修改样式，操作的是style属性。操作单个样式//name1需要设置的样式名称//value：对应的样式值css(name,value);//使用案例S("#one*).css("background","gray");//将背景色称改为灰色设置多个样式//参数是一个对象，对象中包含了需要设置的样式名和样式值Css(obj);//使用案例$("#one").CSS({"background":"gray","widt..
2022-03-28 20:54:25
1438
原创 jQuery基础
jQuery基本概念 学习目标:学会如何使用Query，掌控Query的常用api，船够使用Query实现常见的效字。 1.1.为什么要学习jQuery? [01-让div显示与设置内容htmil]便用javascript开发过程中，有许多的缺点: 1.查找元素的方法太少，麻烦。 2.遍历伪数细很麻烦，通常要嵌套一大堆的for循环。 3.有兼容性问题。 4.想要实现简单的动画效果，也很麻烦 5.代码冗余。 1.2.jQuery初体验 [02-让div显示与设置内容.html] $...
2022-03-28 20:07:01
174
原创 JavaScript 对象
*对象分三种:内置对象，自定义对象，浏览器对象内置对象:系统提供的*自定义对象:自己写的理*浏览器对象:浏览器的王王*Math对象下的属性和方法都是静态*方法:*Math.ceil()---向上取整*Math.floor()---向下取整*Math.i----圆周率的值*Math.Max()---一组数字中的最大值*Math.Min()---一组数字中的最小值Mat...
2022-03-24 17:44:29
118
原创 JavaScript 函数 ，对象
复习函数函数定义function函数名(){函数体函数调用:函数名()*参数:形参和实参*形参:函数定义的时候函数名字后面的小括号里的变量就是参数，是不需要写var*实参:函数调用的时候小括号里传入的变量或者是值，都是丈参*返回值:函数中如果有return,那么这个函数就有返回值*如果函数中没有return,那么这个函数没有返回值*如果函数中有return,但是后面什么内容都没有，这个函数没有明确返回值*如果-个函数没有明确的返回值，函数调用了，并且接收了,那么此时接收的结果undefined*如果直.
2022-03-24 17:38:57
1964
原创 js视频笔记，函数
复习*break:在循环中遇到这个关键字，直接跳出当前所在的循环continue:在循环中遇到这个关键字，直接进行下一次循环*数组:存储组有序的数据，数据类型可以不一样*数组的作用:一-次性存储多个数据*数组元素:数组中存储的每个数据，叫数组元素，存储了5个数据，有5个数组元素*数组的长度:数组的元素的个数，叫数组的长度:数组名.Length--->就是长度，数组的长度是可以改变的*索引下标):存储数组元素的编号，从0开始，到数组的长度-1结束*索引是用来存储和读取数组元素的*遍历数组:通过循环的..
2022-03-22 17:58:32
122
原创 js基础笔记，数组
JavaScriptbreak 和 continue 语句break 语句用于跳出循环。continue 用于跳过循环中的一个迭代。break 语句我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。break 语句可用于跳出循环。break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：实例<!DOCTYPE html><html><head><meta charset.
2022-03-21 19:12:20
339
原创 js基础，js2,js语句
一元运算符:重点分支结构：if,if-2iseff-eLseif-eLseif-else,sritch-case,三元表达循环结构；while,do while,for,后期还有一个for-in播环流程控制;代码的执行过程流程控制:有三种方式*1.顺序结构:从上到下，从左到右执行的顺序，就叫做顺序结构(不是很眼睛)*2.分支结构:f语句，if-else语句if-elseif-elseif...语句，switch-case语句三元表达式语句*3.循环结构:while循环，...
2022-03-18 21:46:25
87
原创 JavaScript ,js基础
2D 转换在本章您将了解2D变换方法：translate() rotate() scale() skew() matrix()实例div{transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */-webkit-transform:rotate(30deg); /* Safari and Chrome */}translate() 方法正在上传…重新上传取消正在上传…重新上传取消transl...
2022-03-17 20:21:52
1431
原创 h5H5-doom扩展
H5-doom扩展荻取元素document.getElerentsByclassName('class'1/通过奕名荻取元素，以仂数組形式存在。document.querySelector('selector');//通辻CSS迭拝器茯取元奈，符合匹配荼件的第1个元素。docunent.querySelectorAllC'selector');l/通辻CsS迭拝器荻取元素,以仂数狙形式存在。类名操作Node.classlist.add('ciasst);l添加class...
2022-03-16 15:21:43
105
原创 2D 3D转换
2D 转换在本章您将了解2D变换方法：translate() rotate() scale() skew() matrix()实例div{transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */-webkit-transform:rotate(30deg); /* Safari and Chrome */}translate() 方法正在上传…重新上传取消translate()方法，根据左...
2022-03-16 15:20:07
130
原创 Stellar插件
Stellar插件视差滚动（Parallax Scrolling）指网页滚动过程中，多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术主要核心就是前景和背景以不同的速度移动，从而创造出3D效果。 这种效果可以给网站一个很好的补充特性；视差滚动效果酷炫，适合于个性展示的场合。视差滚动徐徐展开，适合于娓娓道来，讲故事的场合。视差滚动容易迷航，需要具备较强的导航功能。原理：传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的，而视差滚动则是在滚动的时候，内容
2022-03-15 16:25:20
164
原创 【无标题】
HTML<h1>至<h6>标签定义及用法<h1>这是标题1</h1><h2>这是标题2</h2><h3>这是标题3</h3><h4>这是标题4</h4><h5>这是标题5</h5><h6>这是标题6</h6><h1>至<h6>标签用于定义HTML标题。<h1>定义最大号标题，&l.
2022-03-11 21:24:28
47
原创 伪类选择器，css盒子笔记
伪类选择器主要有以下几类：a:link 未访问链接时属性a:visited 访问后的属性a:hover 鼠标放上去时的属性a:active 点击后的属性代码示例：a:link {color: red}a:visited; {color: yellow}a:hover {color: blue}a:active {color: orange}<a href="#"> 这是一个a标签 </a>结构伪类选择器:f...
2022-03-09 18:53:18
192
原创 轮播图的实现与制作
简单轮播图的实现及原理讲解基本功能自动无缝滚动 左右按钮控制滚动 点击圆点切换图片1.整体结构与思路Html部分<body><div id= "parent"><div id="uls"><ul id="img_ul"><li><img src="imgs/0.jpg"/></li>...
2022-03-08 18:51:54
963
原创 CSS常用关键字汇总
CSS常用关键字汇总字号: font-size: 20px字体风格: font-style: italic字重: font-weight: bold文字变形: text-transform: uppercase/lowercase/capitalize/none文字修饰: text-decoration: underline/overline/line-through/blink/none字间距: word-spacing: 1em字母间距: letter-spacing: 10
2022-03-07 18:28:44
645
原创 清除浮动、定位滑动门，精灵图
清除浮动的8种方法文章标签： 清除浮动的几种方法 清除浮动 清除浮动大全 清除浮动有这几种方法版权清除浮动的几种方式1.给父级div定义伪类：after和zoom.clearfloat:after{display:block;clear:both;content:"";overflow:hidden;height:0;}.clearfloat{zoom:1;}这种是最常用的清除浮动的方法也是最推荐的，用起来非常的爽，直接在浮动的两个元素的父级加一个clearfloat类名就可以，
2022-03-07 18:11:23
190
原创 大学计算机HTML，css盒子，页面布局，浮动
盒子居中的方法1、先让盒子的上下边缘和父盒子的水平中心线重叠，，然后再让子盒子往回移动自身一半的距离1<div class="father"> // 结构2<div class="son"></div>3</div> /*下面为样式*/4/* 通过 transform 属性来移动*/5.father {6...
2022-03-02 15:35:24
876
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人