
DW
文章平均质量分 60
Sore4
我很懒。啥都不会
展开
-
jQuery动画效果
jQuery基础动画效果原创 2022-06-20 20:32:41 · 268 阅读 · 1 评论 -
jQuery筛选-查找
在讲解之前,还是要注意:要引入jquery-3.6.0.jsjQuery查找find()方法,这个函数是找出正在处理的元素的后代元素的好方法而这个是find输出的值是第二个span标签,还有个别的查找方法,比如:(expr、obj、ele)来进行查找 Parent是取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选Parents([expr])取得一个包含着所有匹配元素的祖先元素的元素组合Next([expr])下一个,获取得到P元素后面的元素div进行筛选取得一个包含匹配的元素原创 2022-06-09 10:30:15 · 458 阅读 · 0 评论 -
jquery计算器
这次讲解的是一篇关于计算的案例,先是创建一个新的HTML页面在新的HTML页面里,先编程一个类似与计算器的一个表格编程的代码,如下图: HTML代码:CSS代码:Js代码: 注意:script标签里还有一条重要的,在我上一篇讲述到下载的jQuery插件,需要再创一个script标签里引入jquery-3.6.0.min.js,不要贪图一时的快而忽略这条重要的信息,一定要审阅。Css样式就不详细讲解了,用一个大的div标签,分为两个小的div在里面,主要的是P标签,要设置id,并且原创 2022-05-19 10:57:59 · 623 阅读 · 0 评论 -
javascript事件冒泡与事件委派
JavaScript事件冒泡1.JavaScript事件冒泡(Bubble);所谓冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发。2.在开发中大部分情况冒泡都是有用的,如果不希望冒泡发生可以通过事件对象取消冒泡event.cancelBubble=true3.案列如下:id“box”和“innerBox”背景颜色可任意设置一个(box背景颜色粉红色,innerBox背景颜色紫色)Html源代码:4.Css源代码:没有使用link标签原创 2022-04-28 10:04:55 · 301 阅读 · 0 评论 -
javascript方法与作用域
调用对象的方法函数也可以作为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是个对象的方法。1.调用函数就是调用对象的方法,但是她只是名称上的区别没有其他的区别,例如:2.函数的调用与方法的调用(本质上是一个东西,只是叫法不同)3.通过对象字面量的方式创建对象4. 作用域:作用域指一个变量的作用范围Js中一共有三种作用域,分别是全局作用域 函数作用域(局部作用域) 块级作用域(ES6+新增的)5.全局作用域的说明:直接写在script标签的原创 2022-04-10 19:04:26 · 486 阅读 · 0 评论 -
javascript简易的动画效果
JavaScript做一个简易的动画效果,主要还是要注意的是js部分还是和往常一样创建一个HTML,如下图(开始操作):首先写一个div做成一个正方形盒子,内名为“box”,也可以给它写其他名,自由创作再写两个div做成竖线,各自给一个不同的内名,在script用来做检测判断用的还有再加两个input标签或者button标签,各给一个id名 如下图:给这些div标签和input标签做好css属性样式,以及定好位置,如下图代码: 这就是在浏览器的一个样貌,颜色可以自己随意去改.原创 2022-03-28 20:42:26 · 2708 阅读 · 0 评论 -
JavaScript获取时间
首先要在Visual Studio Code里创建一个新的HTMl,在title标签里给可以它换一个名字创建后的HTML如下图: 在body里写一个‘p’标签写上当前时间显示,下面再写一个div,给一个id,内名time(也可以自己写一个自己想要的内名,但前提是获取id要注意自己给的内名) 给内名需要注意的事项1.“div”标签里的id名要标明、标清、易记2.给出的id名,在“script”里获取值的名要一致3.每个获取时间的点上都要有自己...原创 2022-03-20 09:02:38 · 1692 阅读 · 0 评论 -
JavaScript基础语法(后篇)
JavaScript 赋值运算符 JavaScript关系运算符 3.1 oJavaScript关系运算符> 大于>= 大于等于< 小于<= 小于等于运算的结果为布尔值5.//运算的结果为布尔值Var a = 4<=5;//Console.log(“a =”+ a); 6. 3.2 JavaScript相等运算符== 表示值相等的意思!= 表示不等的意思=== 全等(数据类型与值...原创 2022-03-08 15:01:32 · 577 阅读 · 0 评论 -
Js鼠标事件与函数
鼠标事件(Mouse Events)通过鼠标触发事件, 类似用户的行为:鼠标事件列表,要在body里设一个div,id名要为box,style里设置它的宽、高,然后再script里设置脚本语言,使它在里面能够运行。下面script都例了鼠标每一样事件,把注释解掉,在把上面的注释掉就可以在浏览器查看鼠标事件。<script> var box = document.getElementById("box"); //鼠标单击事件 box.o...原创 2021-12-16 14:47:19 · 1864 阅读 · 0 评论 -
js语法与变量
1. JavaScript的基础用法,最开始使用引入js的方法有两种,第一个分类清晰,只要把他们分在不同的文件夹里规划在一起就行,一般大型的网页都是使用这一种引入的方法,而不会混乱。2. 第二个就是直接在HTML里使用script标签应用在最下面,script与link标签有一些不一样,它不能写在link标签下面,这样的一般大型的网页会受到先后顺序的阻碍,导致一些功能会受到变更,所以都是写在</div>最末尾的地方,或者在最后面,要是大型网页最好就不要继续在最下面写JavaScript了..原创 2021-12-08 15:42:43 · 507 阅读 · 0 评论 -
创建轮播
1.创建一个新的HTML,写入代码。创建新的HTML如下图:2.在桌面创建一个新的文件夹,打开文件夹之后,在文件夹内在创建几个新的文件,然后给它们命名分类,把在Dreamweaver保存的html、css样式都保存在不同于一个文件里边,如下图:3.在HTML里css引入到源代码里,在css里编写样式、位置等代码编程,编程的代码如图显示:4. 在common.css样式里编写,内边距、外边距、属性等,显示如下图:5. 在html里编写超文本语言,设置内联以及id选择器,在lu.原创 2021-10-11 15:27:15 · 110 阅读 · 0 评论 -
引入CSS样式
开始编程写代码,创建一个浏览页面:创建新的一个css文档,在html里引入css样式。在css样式里边设置内部样式。创建新文档如下图:快捷键:(Ctrl+N)2.TML里引入css样式表如下图:后在css样式表里设置属性:如图所示:4.浏览器检查如图所示:5. CSS样式表6.文全称:Cascading Style Sheets)是一种用来表现HTML或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可...原创 2021-09-27 08:33:17 · 171 阅读 · 0 评论 -
CSS的规则样式
为文档添加样式(程序)在CSS中为文档添加样式的4个方式:内联样式 内部样式 链接样式|外部样式(link标签引入外部样式) @import指令导入外部样式文件2.使用内联样式:直接将样式定义到HTML元素中(写在标签里)。这种作用范围有限,只影响它所在的标签,而且总是覆盖嵌入样式和链接样式。<divstyle="width:200px;height:200px;"></div>3. 使用内部样式:写在<style>标签中。作用范围仅限...原创 2021-09-15 14:45:30 · 121 阅读 · 0 评论 -
CSS的基础知识
1.CSS基础知识在前一章节中我们大概了解了什么是HTML文档,那么在小节中我们讲解一下CSS规则,怎么为HTML添加样式。每个HTML元素都有一组样式性,可以通过CSS来设定。这些属性涉及元素显示的不同方面,例如文本内容的字体、字号和颜色,元素显示的位置等等。CSS就是一种先选择HTML元素,然后设定选中元素CSS属性的机制。CSS选择符和要应用的样式构成了一条CSS规则。2.解析CSS规则下面我们举例说明:将段落标签的文本内容设置为红色HTML代码:<pid="txtp"&.原创 2021-09-07 16:02:07 · 213 阅读 · 1 评论 -
DW的前端开发基础
注意看红色开发工具与关键技术: Dw作者:陈立彬撰写时间:2021/8/26在打开Dreamweaver之前,我们要准备的工具有:谷歌、火狐、苹果等其他浏览器。还有开发工具:ps。进行图片修改以及剪辑。学习Dreamweaver的基础页面例如:PC端——页面 、移动端——页面、 用户体验…首先打开Dw,创建一个新的HTML,打开的内容如下图:里面是打代码的区域,我们首先要认识一下什么是HTML?3. 什么是HTML标签?学习网页开发,首先你得知道怎么编..原创 2021-08-26 11:32:41 · 5539 阅读 · 0 评论