- 博客(34)
- 收藏
- 关注
RSS订阅原创 jQuery 选择器
今天我们来讲一下jQuery的选择器，下面就听我来讲讲吧！jQuery的选择器跟JavaScript的选择器是有一点相同的，也是可以用id选择到一个元素，也可以用class来选择到元素，也可以用标签名来选择到元素。如果我们要查找一个标签元素，我们就像下面这样子，先在前面写上一个“$”符号，然后在写上括号，括号里加双引号或者单引号都是可以的，然后写上我们要查找的元素就可以了。如果我们要在后面写上点击事件,然后还是用括号把function括起来就行了，然后在花括号里写内容。然后就是cla
2022-05-08 19:11:17
488
原创 根据数值判断年龄
今天我们来分享一个案例，内容是根据你输入的数值来判断出你是什么阶段的年龄。下面就看我操作吧。代码：布局的话我们就只需要一个输入框和一个按钮就好了，输入框的类型我们这就改为“number”数值类型就好了，这样我们输入的内容就只能输入数值，输入字符或者特殊符号都是无法显示的。JS代码：我们先写页面加载事件，我们的代码都放里面，先给我们的“button”按钮设置一个id名，然后获取到，接着直接用“onclick”点击事件进行绑定按钮，接着我们在“onclick”事件里面获取到输入框的属
2022-04-28 10:18:13
487
原创 JavaScript 网页换肤
今天我们来做网页换肤的一个案例，下面跟着我流程来吧。下面是HTML布局的代码：这里我们首先要导入几张图片到我们的文件夹中使用，然后在外层写两个“<div>”标签，一个写位置偏移，一个写样式，接着我们用无序列表来包装这些图片，我们导入这些图片的时候可以直接用“<img>”标签进行链入。接下来是CSS样式我们先用全局选择器“*”，先把“margin”和“padding”设为0px，接着选择到body，将宽高都设为100%宽高，接着倒入一张图片，然后在图..
2022-03-27 09:17:07
924
原创 JavaScript 日期对象
我们今天就来学习一下JavaScript 日期对象，我们这个日期对象主要可以用于获取到当前时间，或者未来某天时间，还有时间戳计算。下面就跟我来学习吧。一、日期对象Date Date对象：这个Date是一个内建对象，在JS中使用Date对象来表示一个时间。我们可以用Date() 创建一个Date对象，如果时间使用构造函数创建一个Date对象,则会封装为当前代码执行的时间。案例：如果我们想要创建一个指定的时间函数，我们则需要在构造函数中传递一个表示时间的字符串作为参数使用。
2022-03-15 15:14:09
3332
原创 轮播图动画
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Visual Studio Code作者：Justin Bieber撰写时间：2021年12月18日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~今天我们来做一个轮播的动画效果，他可以实现左右图片切换与点击图片跳转到图片的
2021-12-19 08:12:53
780
原创 Tab选项卡
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：DW作者：黄瑞民撰写时间：2021/11/18~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~给大家分享一个案例（tab选项卡）<html><head><meta charset="ut
2021-12-08 16:28:31
829
原创 JavaScript 介绍
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：作者：黄瑞民撰写时间：2021/11/08~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~JavaScript介绍：JavaScript：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内
2021-12-08 16:27:43
78
原创 JS手风琴动画
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：作者：黄瑞民撰写时间：2021/12/08~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~本次分享的案例是手风琴<!DOCTYPEhtml><htmllang="en"><head&..
2021-12-08 16:26:45
189
原创 js轮播图动画
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：作者：黄瑞民撰写时间：2021/11/28~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~本次分享的案例是轮播图<html lang="en"><head><meta chars...
2021-12-08 16:25:21
1011
原创 制作显示隐藏效果
开发工具与关键技术：DW JS作者：魏钦撰写时间：12.8进入DW界面，ctrl+n新建HTML骨架，在body标签放入一个div标签，给一个类名，在类名外面放一个id标签，随便取一个名字，名字也可以跟前面的类名类名一样，然后在div标签里面放入两个botton标签，自动生成按钮，然后个给个类名和id，也可以写上隐藏的英文，，然后在最后一个button标签下面再放一个div标签作为隐藏显示的对象，也要给类名和id，写法如下图。2.在body标签上放一个style标签用来写隐...
2021-12-08 09:45:14
333
原创 制作手风琴
开发工具与关键技术：DW 隐藏作者：魏钦撰写时间：11.28进入DW界面，ctrl+n新建HTML骨架，在body标签放入一个div标签，给一个类名，然后div标签里面再嵌套四个div标签作为子元素，四个div标签各给一个span标签作为标题，span下面加四个p标签作为内容，其他三个同样的操作。2. 在body标签上面放入一个style标签用来写样式，先写一个通配符来去掉浏览器自带的外边距和内边距。3. 先设置父元素的大小，位置，这样才能知道显示的内容...
2021-12-08 09:43:27
7510
原创 JS基础知识
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Visual Studio Code作者：LYQlife113撰写时间：2021年12月8日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、java Script的用法JS我们可以用三种方法来使用它：1.行内
2021-12-07 15:47:27
739
原创 行内、块级元素与定位
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Visual Studio Code作者：LYQlife113撰写时间：2021年11月28日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~今儿我们来讲一下块级和行内元素，以及浮动的知识点。一、行内/块级元素我们在构建
2021-12-05 15:59:56
1085
原创 盒模型知识
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure 8作者：Justin Bieber撰写时间：2021年11月18日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我们浏览器的页面其实你认真看，很容易发现，他们都是由一个“盒子”做成的每一部分，就相当于，一个大盒
2021-12-05 11:21:33
7110
原创 CSS基础知识
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure 8作者：LYQlife113撰写时间：2021年11月8日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~在今天小节中我们讲解一下CSS规则，怎么为HTML添加样式。每个HTML元素都有一组样式性，可以通过CSS来设
2021-12-05 10:58:11
104
原创 水泡导航栏
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure 8作者：LYQlife113撰写时间：2021年10月18日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~今天我们再次用Axure 8来做一个案例，一个导航案例。一、静态布局1.导航样式我.
2021-12-05 10:06:26
252
原创 HTML 介绍简介
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Adobe Dreamweaver作者：LYQlife520撰写时间：2021.9.28~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~今天我们来介绍一门软件，他就是我们的“Adobe Dreamweaver”说俗称一点就是“W
2021-12-02 10:20:26
111
原创 简易登录界面
我们今天来做一个登录的界面，话不多说，下面跟着我来操作吧。<(￣︶￣)↗[ GO! ] 一、静态页面1.布局我们先在元件库里拉一个矩形出来，用时我们可以给它一些样式，圆角啊，颜色啊啥的，只要喜欢就好。然后我们再在元件库拉两个文本框，可以在前面加上“账号”，“密码”啥的点缀一下，只要喜欢就好。我们最好先给文本框命好名，方便查找，然后我们也可以给文本框一些样式，比如去掉边框啥的，主要好看些就好。然后我们给文本框选择类型，我们账号默...
2021-12-01 16:43:22
3754
原创 轮播图动画
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure 8作者：Justin Bieber撰写时间：2021.9.8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~今天我们来整新活，做一个轮播，也是非常的简单，话不多说，下面开始。一、静态布局1.图片.
2021-12-01 10:18:46
526
原创 显示/隐藏点击事件案例
显示/隐藏~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure作者：Justin Bieber撰写时间：2021.8.28今儿我们来搞这个，显示和隐藏的案例，灰常的简单，下面就跟着我来完成。一、静态页面首先我们就...
2021-11-30 16:56:35
101
原创 幻灯片播放
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure与动态面板作者：Justin Bieber撰写时间：2021.8.18~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~这是一个简易的幻灯片播放案例，下面就跟着我来完成。一、静态页面1. 幻灯片.
2021-11-30 10:57:28
277
原创 网页下拉菜单
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure与交互命令作者：神威未得偏爱撰写时间：2021年8月8日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我们在网页中常常能看到（图上)类似的选项栏，鼠标移入时还能加载出指定目.
2021-08-08 10:05:04
936
原创 介绍个人信息
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：RP与动态面板作者：神威未得偏爱撰写时间：2021年7月28日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我们要做的是一个相当于介绍个人信息的小页面，既可以进行页面切换还可以将.
2021-07-29 10:02:42
127
原创 立体3D筛子
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AI与3D调节作者：神威未得偏爱撰写时间：2021年6月27日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、画布1.在AI里随机创建一个画布（个人用300mmx30
2021-06-27 16:44:53
305
原创 制作可爱蘑菇
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AI与细节把控作者：米津玄师撰写时间：2021年6月17日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~‘’...
2021-06-17 16:54:04
115
原创 渐变自行车
开发工具与关键技术：PS 渐变调节作者：米津玄师撰写时间：2021年6月8日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、画布大小1.创建一张宽度为1600像素 高度为1200像素 分辨率为72的画布。2.背景颜色：bdbdbd然后选择菜单栏里的滤镜选择杂色—添加杂色。参数不用调太高...
2021-06-08 09:10:16
138
原创 夜晚渐变插画
夜晚渐变插画~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：作者：米津玄师撰写时间：2021年5月27日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、背景大小1.随机生成一块画布，新建一个宽为261mm...
2021-05-26 10:03:54
270
1
原创 制作精美渐变字体
制作精美渐变字体~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AI与渐变作者：米津玄师撰写时间：2021年5月18日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、画布大小1.CTRL+N新建一张 宽为：20
2021-05-18 08:23:11
548
4
原创 制作简单时钟logo
制作时钟logo~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：PS作者：米津玄师撰写时间：2021年 5月8日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、画布大小（仅参考）1.此画布大小可自拟定，（仅参考：宽度5400像素
2021-05-08 08:40:00
1133
3
原创 用PS工具制作金属质感云朵
开发工具与关键技术：用PS做金属材质云朵.作者：米津玄师撰写时间：2021年 4月28日一、使用较多的工具钢笔工具、矩形工具、图层样式、图层模式、剪贴蒙版二、画布大小1.首先先制作一张宽20.99厘米 ， 高度为20.99厘米 ，分辨率为72 像素/英寸的画布三、制作图层基本轮廓1.先将原图导入PS中2.使用工具：矩形工具（下方图）右键鼠标选择椭圆工具，在屏幕上点击鼠标左键创建四个圆（如下图）再选择矩形工具创建一个（如下图）创建好的效果为（如下图）将
2021-04-28 16:31:30
1257
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人