- 博客(31)
- 收藏
- 关注
RSS订阅原创 jQuery制作手风琴
Hi，好久不见，想信大家都对jQuery动画效果有一点的了解，所以今天本人用jQuery动画效果来做一个手风琴效果。 样式展示：这里我用了三个div标签来分了三个职业，背景采用了粉色，每个职业框下面还有三个英雄名，不过被我隐藏；效果展示：当我把鼠标移入随机一个职业框时，这个职业框就会以下拉的方式打开并显示英雄名，再当我们把鼠标移出时，英雄框就会收回。代码讲解：第一步写上三个div标签，这三个div标签都再次新建一个div标签，在再次创建的标签里新建三个span标签，在这个标签里写上职业英雄名，
2022-05-29 19:32:58
1732
1
原创 jQuery基本选择器
我们都知道，在CSS中，选择器是选择页面中的某些HTML元素，jQuery中的选择器我们使用“$”，因为这种方式比较全面，而且也不会存在浏览器的兼容问题。jQuery的选择器有很多，我们把它分为基本选择器、层次选择器、过滤选择器和属性选择器。不过我今天只讲基本选择器，而基本选择器也分为四种：元素选择器、ID选择器、类选择器和并列选择器。元素选择器：元素选择器是可以选中HTML文档中所有的某个元素。如$(“li”)可以表示选中本网页中所有的li元素，又如$("input")可以表示选中本网页中所有的i
2022-05-19 10:44:53
820
1
原创 旋转立体图制作
Hi~ o(*￣▽￣*)ブ好久不见，今天来用CSS方法制作一个会旋转的立体图。 效果展示：这里我用了一张图作为了页面背景，中间放了十一张相同的图片，当我们打开页面的瞬间，这十一张图片就会环绕着向右旋转，途中图片也会上下交错，让我们有更强的视野效果。代码讲解：第一步我们在body标签中间写上一个div标签来作为设置页面背景样式，给这个div设好类为box，然后在这个div标签中间再写上个div标签，同样也设好类为photo，为后面写样式做铺垫，在这个标签里写上十一个img标签，每个img标签都要设好一
2022-05-08 17:11:00
438
1
原创 Math对象讲解
今天我来带大家了解一下Math对象，它和其他对象不同，它不是一个构造函数，它是属于一个工具类，它可以不用创建对象，它在里面封建了有数学运算相关的属性和方法，就比如大家都熟悉的圆周率我们可以用Math.PI来表示； 像上面的这种API还有很多，接下来为大家写上几个常用API： 接下来我为大家分享几个案例，第一个咱们先说取整，Math对象里面有3个取整的方法，分别是Math.ceil()、Math.floor()和Math.round()，这里看下图参考：代码输出效果： ...
2022-04-21 11:18:45
215
原创 实现简易点名器
过去的时候，看到老师用的随机点名程序，真的是很厉害呀，但是自己做不出来；现在自从了解了一些CSS样式和JS语法，于是自己用最简易的方法做了一个点名器，好了现在就让我们来看一看吧。 样式展示：这里写的“随机名”是我以一个P标签来作为抽取的名字，还有一个开始点名的按钮是用来开始抽取的，粉色的背景就不用多说了，大家都懂；效果展示：当我们点下“开始点名”按钮的时候，上面的P标签就由随机名变成了一个我已经在代码里写的一个随机名（这里都是本人初中的一些玩的好的同学英文缩写名）；代码讲解：首先要有好的效
2022-04-10 16:58:43
1381
2
原创 正则表达式
今天我来带大家了解一下正则表达式首先我们要了解一下什么是正则表达式，正则表达式是来用于定义一些字符串的规则，当然计算机肯定是可以根据正则表达式来检查某一个字符串符合规则；我们通常都使用字面量的方式来创建正则表达式，这样的创建会更加灵活；如果我们要创建一个正则表达式，去检查一个字符串中是否含有字母，代码就可以如下： 在上述我们发现这样的写法的话到第二十六个字母的话代码就会太长，所以为了减少代码量我们使用中括号[ ]来表示范围就会更简洁；下面是各种表达字符的：（任何一个字符都可以..
2022-03-30 10:47:19
76
原创 构造函数讲解
今天让我们来了解一下构造函数，当然想要了解肯定需要它的概念：构造函数是一种特殊的函数，它主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。构造函数是用于创建某一大类对象，首字母是要大写的；构造函数要与new一起使用才有意义的。接下来我们再来了解一下new关键字：new会在内存中创建一个新的空对象，然后呢，这个新的对象会让new指向this (this无法贬值)，目的是给这个新对象添加属性和方法。我现在将举几个简单的例子来为大家讲解一..
2022-03-20 10:33:21
160
原创 JS制作显示隐藏
打开DW按下CTRL+N新建一个HTML文档； 首先我们在body标签里写好两个button（按钮）标签，在button标签里面分别分别写好显示与隐藏两个字，让我们更好的区分，当然我们也要给它们设好两个不同的id名，为我们写JS代码做铺垫；3. 接下来我在button标签下面新建一个div来做我们要隐藏显示的对象，当然也别忘了也给它一个id，这里我就给它id名叫box；4. 随后我们创建一个style，然后在里面设置div的样式属性，这里可以自己找个图片来做为隐藏显示对象，我嫌麻..
2022-03-08 16:24:24
5625
原创 获取当前时间
打开DW按下CTRL+N新建一个HTML文档 创建一个span标签和div标签，分别写下包裹日期的内容与开始暂停按钮3.接下来我们在head标签下创建一个style标签并在里面设置按钮的样式和一个背景颜色或图片来看起来好看一点4.然后在script里声明变量btn然后是开始按钮触发之后的内容，内容是每隔1秒执行代码play，btn变量主要是为了做暂停用的5.写下play的代码，var的变量获取当前时间，还有当月是9以下时在月的数字前加个0，还有日，小时，分钟，秒的然后获取到p标签
2022-03-08 09:24:41
727
原创 DW制作聊天板
打开DW按下CTRL+N新建一个html文档后保存。 首先我们在body标签下打上一个div并在里面写好HTML的样式，这里可以用自己喜欢的标签来写，我们也要为每一个标签写上一个类和id为写CSS样式和JS样式做好铺垫，类名与id名可自己取，以下为一个参考接下来就是为HTML写好CSS样式了啦，这样才能有一个好看的样式外观，我们先在head标签下写好一个style标签，我们先在style标签里写好聊天框的边框外观。随后我们接着写聊天框内部的CSS样式，样式颜色，宽高自己随便，但注意聊天人的
2021-12-16 15:43:17
749
原创 DW制作背景换肤
打开DW按下CTRL+N新建一个html文档后保存。 先将body标签加上一个id名，为我们下面写js有很大的用处；接下来我们在body标签中间写好html的样式，这里我用div来当包裹p和button标签的外框，然后在p标签后打上一段字并包裹五个button标签，button标签不要忘记给它一个类和id名。随后用style标签来设置css的样式，将页面body标签的颜色改为白色；用给每个button标签的类来设置每个button按钮的高宽和颜色；给p标签设置左浮动；左外边距让它有个居中的效果
2021-12-08 10:52:08
1489
1
原创 运用bootstr制作轮播
打开DW然后然后CTRL+N新建一个HTML文档，将他保存到一个文件夹里面。2. 这时我们把bootstr的js和css文档给复制到同一个文件夹里3. 随后我们给新建的HTML文档添加上bootstr的js和css的组件4. 来到bootstr页面找到自己需要的轮播效果然后将代码复制下来，我选择的这个轮播是一个有左右按钮和可以选择1至3的，还别的另两种效果5. 把图片换成自己需要放置的然后再给轮播外层添加一个div加上类c
2021-11-28 20:27:10
255
原创 手风琴菜单制作
打开DW，按下CTRT+N新建一个html文档。 新建完成后，在文档的body标签中间打上一个div，div中间再嵌套一个div，并两个div都写上一个类。接下来我们在类名为qing的div中间打上一个h3标签来作为菜单选项，h3标签下再接着一个写好类的div，再在这个div里加上一个嵌套着li标签的ul标签，将h3和li标签分别写上标题和标题内容。将类名为qing的div的内容都复制四份。 随后我们在title标签下写上一个style标签，在这个标签里将类名为feng和qing的div写上
2021-11-17 11:06:12
155
原创 制作方形旋转
打开DW，按下CTRL+N新建一个HTML文档。在新建文档里的body标签中间打上一个div，在div标签加上六个p标签，自己也可以加img标签来插图片来制作效果。然后在title标签下加上一个style标签来给div里的p标签分别设置绝对定位，左偏移，上偏移，宽，高，背景颜色，边框，旋转角和旋转时间。接下来我们用:hover给每个p标签设置鼠标移入后的效果，再用transform来设置p标签的旋转角度，如果自己喜欢，也可以用background-color来设置移入后变化颜色。
2021-11-08 09:41:23
280
原创 鼠标移入效果制作
打开DW，按下CTPL+N键新建一个HTML文档。我们先在body标签打上ul标签，再在ul标签打上li标签和a标签，a标签里写一些内容。在title标签下打一个style标签，然后在style标签里设置背景宽高，字体大小，背景颜色颜色，外右边距和居中。下图是以上代码效果接下来我们把li标签里的a标签给去了。最后我们为li设置一个鼠标移入的样式，我们用（:hover）来设置鼠标移入的样式，我们可以设置自己喜欢的颜色和样式；这里我将li标签的移入效果写为了背
2021-10-28 08:11:18
817
原创 DW制作三角形
我们打开DW，然后按下CTRL+N键新建一个html文档 首先，我们在body中间打上div 接下来在head里打上一个style标签给div设置属性我们给div设置上属性 接下来观看效果当然，我们可以把bottom设置成其他方向，可以变成其他方向的三角形，也可以设置多一个方向变成直角三角形 更改后效果 ...
2021-10-18 09:07:19
417
原创 CSS定位
CSS定位概述——CSS 为定位和浮动提供了一些属性，利用这些属性，我们可以建立列式布局。 如果将布局的一部分与另一部分重叠，我们还可以完成多年来通常需要使用多个表格才能完成的任务。 CSS定位允许定义元素框相对于其正常位置应该出现的位置，或相对于父元素、另一个元素甚至浏览器窗口本身的位置。 CSS有三种基本的定位机制：相对定位、绝对定位和浮动。CSS相对定位——如果对一个元素进行相对定位，它将出现在它所在的位置上。 我们可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
2021-10-11 09:34:56
69
原创 前端CSS教程（一）
什么是CSS——1. CSS 指层叠样式表 (CascadingStyleSheets )2.样式定义如何显示HTML 元素3.样式通常存储在样式表中4.把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题5.外部样式表可以极大提高工作效率6.外部样式表通常存储在CSS 文件中7.多个样式定义可层叠为一8.样式对网页中元素位置的排版进行像素级精确控制CSS样式—— 9. 样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签...
2021-09-15 18:54:54
106
原创 前端HTML基础讲解（二）
HTML样式——style属性用于改变HTML元素的样式； 样式是HTML4引入的，它是一种新的首选的改变HTMl元素样式的方式； HTML样式能够通过使用style属性直接将样式添加到HTMl元素，或者间接地在独立的样式表中（CSS文件）进行定义。HTML链接——HTML使用<a>（锚）标签来创建链接另一个文档的链接； 锚可以指定向网络上的任何资源：一张HTML页面，一幅图像，一个声音或视频文件等； 创建锚的语法：<a>用来创建锚，herf属性用于定位需要链
2021-09-07 16:38:22
47
原创 前端HTML基础讲解
什么是HTML——1,HTML是一种超文本标记语言（Hyper Text Markup Language）；2,HTML不是一种编程语言，而是一种标记语言（markup language）；3,标记语言是一套标记标签（markup tag）；4,HTML使用标记标签来描述网页。HTML的格式——5,DOCTYPE声明了文档的类型；6,<html>标签是HTML页面的根元素，该标签的结束标志为</html>;7,<head>标签包含了文档
2021-08-25 09:53:12
53
原创 AI文档的新建、打开与保存
新建、打开1.文件菜单：新建Ctrl+N、打开Ctrl+O2.关闭单个文档：Ctrl+w，关闭所有文档：Ctrl+Alt+w保存存储：覆盖原文件存储为：另存为当前文件，并将当前打开文件转换为另存为文件存储副本：就是另存为的意思存储为模板：将文件存为模板3.置入与导出导出（存储为其他格式文件）4.置入图片：点击或拖拽调整大小置入标尺、参考线、网格视图菜单-标尺-显示表尺Ctrl+R右键标尺切换单位5.标尺更改坐标远原点：标尺交叉点
2021-06-27 09:28:20
2480
原创 PS的文字处理工具
1.创建文字两种类型：点式文字（单击）；段落文字（拖拽框选）只在框选范围内显示。2.文字调节窗口：窗口菜单-字符与段落3.文字完成输入：Ctrl+回车/小键盘回车键4.文字蒙版工具： 用于文字快速建立文字选区5.路径文字： 起始点是一个小叉 结束点是一个⭕（跟钢笔路径状态差不多）控制起始点光标状态 ，控制结束点光标状态 ，6.编辑路径文字：文字编辑状态按住Ctrl键切换路径文字调整状态；路径选择工具状态，选中文字跟随的路径，vv光标靠近文字起始点与结束点变化对应的光标编辑
2021-06-15 10:48:29
491
原创 PS钢笔--制图抠图
钢笔工具快捷键：P。后退：Ctr+Altl+Z/右击锚点-删除锚点。完成创建：Esc注意：路径存放在路径面板里面，独立于图层面板之外且工作路径将不被保存，必须将其复制为路径才可保存，不然下一次绘制路径将被顶替。斜体字都是临时不保存的锁定角度：Shift隐藏路径：路径面板点击空白区域光标状态认识自动添加/删除：未完成路径状态下靠近路径与锚点完成状态下添加删除锚点：钢笔面板添加删除锚点工具直接选着与路径选择切换：按住Ctrl键钢笔切换为直接选着工具：.
2021-06-07 19:31:31
882
原创 2021-05-26
PS画笔工具画笔工具保真度：多远距离产生一个锚点，保真度越高线条越平滑填充新画笔描边：勾选将自动用填色填充保持选定与编辑所选路径配合使用：绘画的路径保持选中状态并可对其再次绘画范围：编辑路径时，画笔靠近范围注意点：绘制结束时按Alt键闭合，按Alt键光标显示新建画笔:选中对象-画笔面版-画笔新建画笔选择对应新建画笔调整对应的参数散点画笔：散点画笔需要先选中矢量图或位图，效果：...
2021-05-26 08:43:22
35
原创 2021-05-17
PS选框类工具矩形选框工具选项参数选区的四种组合方式： Shift加选、Shift+Alt交叉选区、Alt减选、注意：Ctrl+点击图层缩览图为建立图层图形选区反向选择：Ctrl+Shift+i样式：固定大小、规定比例、长宽互换更改标尺单位：右键标尺固定大小：设置完大小直接点选完成选择并遮住：用于抠图，后面介绍椭圆选框工具切换工具的堆叠：Shift+工具快捷...
2021-05-17 19:24:18
168
原创 2021-05-08
图层的移动操作移动工具详细用法图层间的拖拽复制：拖拽图层到另一个文档内不松手出现小加号再松手就复制过来。按住Shift建再松手可以放置原位（前提是两个文件一般大小），不一样时自动到文件中央。当建立完选区再拖拽会进入选取的中央预设工具面板保存选项栏常用...
2021-05-08 09:07:46
80
原创 2021-05-08
PS画面移动和缩放抓手工具空格键滚动所有窗口：同时移动多个文档窗口视图100%：100%实际大小显示（Ctrl+1）适合屏幕：窗口内最大化（Ctrl+0）填充屏幕：以画布最短边大小充满屏幕缩放工具1、 放大工具：按住鼠标左键放大框选...
2021-05-08 08:28:34
70
原创 2021-05-07
图层基础知识认识图层面板 菜单栏—图层菜单；菜单栏—窗口-图层（F7）。类型：进行过滤选项，正常：图层混合模式选项右上角面板菜单有些功能与面板上功能一样了解图层概念图像的层常见图层分类图层基本操作新建图层窗口：Alt+新建图层； 图层菜单-新建-图层（Ctrl+Shift+N）；右键菜单有相关的图层设置；双击改名字名称。图层面板的加减选图层：Ctrl加选多个图层，Shift选择连续图层移动图层：C...
2021-05-07 08:37:53
92
原创 2021-04-28
作者：吴文鑫 ；年级：实验2班 ；撰写时间：2021 年 4 月 28日文献编号： 归档时间： 年 月 日 PS高级抠图调整图层抠头发显示原稿：显示最开始建立选区的状态1为调整后状态2显示原稿半径：显示半径的区域就是调整的边缘区域智能半径：将对半径边缘进行智能的计算平滑：数值越大边缘越柔和羽化：外边的虚实过度从不透明到透明对比度：与羽化正好相反移动边缘：在半径范围内移...
2021-04-28 17:36:36
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人