- 博客(42)
- 收藏
- 关注
RSS订阅原创 C#switch…case…判断
程序执行到switch处,首先将括号中变量或者表达式的值计算出来,然后拿着这个值,依次跟每个case后面所带的值进行匹配;一旦匹配成功,则执行该case所有带的代码,执行完成后,移到break,跳出switch…如果跟每个case所带的值都不匹配,就看当前这个switch…结构中是否存在default,如果有,则执行default中的语句;如果没有default,则该switch…用来处理多条件(条件>2个)的定值判断;输入第一个数字然后回车。输入第二个数字然后回车。变量或者表达式的值)
2022-08-21 08:04:33
880
3
原创 C#if...else...判断
程序首先判断第一个if所带的小括号中的判断条件,如果条件成立,也就是返回一个true,则执行该if所带的大括号中的代码,执行完成后,立刻跳出判断结构,如果第一个if所带的判断条件不成立,也就是返回一个false,则继续向下进行判断,依次的判断每一个if的判断条件,如果成立,就是执行该if所带的大括号中的代码,如果不成立,则继续向下判断;程序执行到if处，首先判断if所带的小括号中的判断条件是否成立，如果成立也就是返回一个突然，则执行if所带的大括号中的代码，执行完毕后，跳出if…我的自由时间..."...
2022-08-08 08:06:18
2214
原创 jQuery为元素绑定事件
这是bind链式方法，方法.bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数)这个方法跟前面的几个方法有些不一样，这个是给父元素绑定事件，方法父元素.delegate(“事件名字”，“子元素”，事件处理函数)。这是键值对方法，方法.bind({“事件函数”事件处理函数，“事件函数”事件处理函数，“事件函数”事件处理函数})这是bind方法，方法bind(“事件名字”，事件处理函数)；为元素绑定事件的几个方法。...
2022-07-27 21:15:19
2732
原创 突出的显示
首先引入jQuery插件，然后设置大的div盒子鼠标移入时，里面所有图片的图片的透明都为0.3，然后鼠标移动到哪个图片上，哪个图片的透明度为1，当鼠标移出大的div盒子时，里面所有图片的透明度为1。给一个大的div盒子，宽设置630像素，高设置394像素，边框设置1像素颜色为白色，设置内边距为10像素，设置div里面的图片，设置宽200像素，设置高186像素。先给一个大的盒子，里面放一些图片，设置样式。做一个关于透明度的小案例。...
2022-07-21 10:28:38
129
原创 jQuery显示隐藏
点击显示，这个div盒子就会向下放知道恢复到我们给元素设置的高度，向上收隐藏可以使用slideUp（）方法，向下放显示可以使用slideDown（）方法。点击显示和隐藏按钮，div盒子的透明度就会从零到一或者一到零，中间有一秒的过度事件这个过度事件也可以自己设置，透明度从零到一可以使用fadeIn（）方法，透明度从一到零可以使用fadeOut（）方法。先给两个按钮，一个是显示一个隐藏，然后给它们做点击事件，然后给一个盒子做显示隐藏的时候可以看效果。有一种是用透明度的方法去显示隐藏盒子。...
2022-07-21 09:26:59
2132
原创 网页开关灯
在给style标签里面写一个.bg类，这个类我给的是一个背景颜色为黑色的效果，如果body标签没有这个类，就是初始状态白色背景，这是就是开灯的效果，如果有这个类body标签背景颜色就为黑色，那么这就是关灯效果。如果返回的是一个ture，用.removeClass（）方法移出body里面的.bg类，如果是false就用.addClass（）方法添加这个.bg类。这个就跟判断差不多，就是判断body标签点击的时候是否用这个类，有这个类就移出类，没有就添加类。写完按钮的点击事件之后可以不用做判断，用....
2022-07-19 19:17:56
1499
原创 键盘按下事件
第一步首先引入jQuery的插件 第二步在script标签里面写一个键盘按下事件，在function后面的括号里面要写一个参数，如果不知道是做什么的可以用console.log()打印一下 $(document).keydown(function(e){...
2022-06-19 10:09:33
948
原创 正则表达式
元字符 . 匹配除了\n以外的任意一个字符；[] 匹配方括号里面的任意字符；例子：[0-9]表示的是0-9的任意一个数字； [a-z]表示的是所有小写字母的任意一个； [A-Z]表示的是所有大写字母的任意一个； [0-9a-zA-Z]表示的是所有字母或者数字中的任意一个字符；[1]匹配的就是数字1；| 或者的意思；例子：[0-9] | [a-z]表示的是匹配一个小写字母或者一个数字；()分组,提升优先级；例子：[0-9]|([a-z])|[A-Z]；限定符* 表示的是前面的表达
2022-06-07 09:29:13
427
原创 JavaScript全局变量、局部变量
局部变量: 代码：<script> window.onload=function(){ var num=10; console.log(num); }function numBox1(){ var num=20; console.log(num); } function numBox2(){...
2022-05-29 09:11:46
821
1
原创 js语句、注释、变量
语句:JavaScript语句是发给浏览器的命令，这些命令的作用是告诉浏览器要做的事情。语句以分号结尾，一个分号就表示一个语句结束，多个语句可以写在一行内；代码：<script>alert("hello!"); var num=10; console.log(num);</script>这些都是在一个语句在一行。<script> alert("hello!");var num=10;console.log(...
2022-05-18 10:03:45
210
原创 JavaScript输出
JavaScript输出 JavaScript可以用不同的方式“显示”数据：使用window.alert()写入警告框； 使用document.write()写入html输出； 使用innerHTML写入HTML元素； 使用console.log()写入流量器控制台；alert代码： <script> alert("玛卡巴卡") </script>效果图：解析：alert()是一个警告...
2022-05-07 08:46:56
407
原创 js定时器
先写html和css代码，完成定时器的架构和样式代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini...
2022-05-06 19:31:54
356
原创 关键帧动画
完成一个动画效果 代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca...
2022-04-28 21:26:51
112
原创 JS移入移出
首先给一个id名为box设置宽高各为100像素，背景颜色为粉色，边框为一个像素黑色实线。代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w...
2022-04-28 20:11:48
4281
原创 Flex布局小案例
案例的最终效果图： 案例代码完整： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in...
2022-04-27 19:29:37
102
原创 Flex布局子项属性
首先给父盒子设置一个orange（橙色）的背景颜色。给父盒子添加三个子盒子，设置宽高各为150像素，设置背景颜色为pink（粉色），再给一个像素的黑色边框；代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...
2022-04-27 10:31:07
380
原创 Flex布局父项属性
首先给父盒子设置一个orange（橙色）的背景颜色。给父盒子添加三个子盒子，设置宽高各为150像素，设置背景颜色为pink（粉色），再给一个像素的黑色边框；代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...
2022-04-24 17:30:03
367
原创 flex布局
首先给父盒子设置一个orange（橙色）的背景颜色。给父盒子添加三个子盒子，设置宽高各为150像素，设置背景颜色为pink（粉色），再给一个像素的黑色边框；代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...
2022-04-21 16:58:05
5820
原创 CSS动画手风琴
制作一个简单的手风琴代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0...
2022-04-19 09:02:34
601
原创 CSS动画
首先可以给两个宽高各为200px盒子，一个盒子的背景颜色为pink（粉色）一个盒子的背景颜色为orange（橙色），给它们都设置外边距距离上面有200px左右为auto。这样我们给橙色盒子设置css动画看着会明显一些。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con...
2022-04-18 14:42:40
142
原创 CSS定位
规定元素的定位类型说明：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对定位或固定定位元素会生成一个块级块，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。通过设置top，bottom，left，right四个属性值来决定偏移位置。值可以为关键词、百分比、绝对单位值 描述Static 默认值，没有定位。元素出现在正常的流中。（忽略top、right、bottom、left和z-index属性）Relat...
2021-11-17 08:09:45
59
原创 CSS浮动
浮动的定义和用法：float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本省是任何元素。在页面布局时，一般用float属性来实现多栏布局，导航菜单等等。如果浮动非替换元素，则要制定一个明确的宽度，否则它们会尽可能地窄。注释：假如一行之上只有极少的空间可供浮动元素，那么这个元素就会跳至下一级，这个过程会持续到某一行拥有足够空间为止。浮动（float）的属性值：left：元素向左浮动； r
2021-11-08 16:26:33
161
原创 CSS盒模型用法
CSS盒模型概述：CSS盒模型（Box Model）规定了元素处理元素内容（content）、内边距（padding）、边框（border）、外边距（margin）的方式。内容（content）具体说明：内容是指在盒子中写的任何代码就是那个盒子的内容例如：在body标签中所有的div就是它的内容、在div中里面的文本就是它的内容。包裹住内容的标签都是那个内容的盒子。内边距（padding）具体说明：内边距是指元素与边框之间的距离例如：第一张（图一）是一个宽高为200像素的盒子
2021-10-28 08:39:29
113
原创 CSS盒模型
CSS盒模型概述：CSS盒模型（Box Model）规定了元素处理元素内容（content）、内边距（padding）、边框（border）、外边距（margin）的方式。 下图为盒模型模型图：盒模型各部分说明：content（内容）：盒子的内容，显示文本和图像。 padding（内边距）：内容区与边框之间的填充部分，内边距是透明的。 margin（外边距）：盒子与邻近元素真的间距，外边距是透明的。 border（边框）：盒子的边框，可以设置边框的宽度、样式、颜色。...
2021-10-18 08:13:09
91
原创 css选择器
在CSS中，选择器是选取需设置样式的元素的模式。元素选择器：通过选择HTML标签设置CSS样式示例：直接选取p标签设置文本颜色类选择器：通过设置class类设置CSS样式注意：class命名不能以数字开头示例：设置类名为div1的标签中的文本颜色转存失败重新上传取消ID选择器：通过设置ID来设置CSS样式注意：ID命名不能以数字开头示例：设置ID为conBox的标签中的文字颜色后代选择器：写法：div p示例：选择div标签里面的所有子元素为p
2021-10-11 19:47:41
146
原创 CSS基础知识
1.CSS规则我们大概了解了什么事HTML文档，现在来介绍一下CSS的规则，怎么为HTML元素都有一组样式性，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体，大小、颜色等。CSS就是一种先选择HTML元素，然后设定选中元素CSS属性的机制。CSS选择符和应用的样式构成了一条CSS规则。2.1解析CSS规则举例说明：将段落标签的文本内容设置为红色HTML代码：<p>hello world</p><!—段落标签-->C
2021-09-28 08:07:47
295
原创 制作简单的div盒子
先放3个div，里面可以写一些文字在浏览器中呈现出来就是这个样子的（看下图）然后开始给这三个div盒子写样式，在head尾部写style上标签，在style标签内写CSS样式，可以用通配符去掉浏览器自带的内边距和外边距，然后用标签选择器给三个盒子写样式，我的写的是宽为200像素、高为200像素、背景为黑色、字体为白色的盒子样式在浏览器中呈现出来就是这个样子的（看下图）因为标签选择器会选择到所有的div标签，如果要给每个div写不同的样式，可以给每个标签写上不.
2021-09-19 16:08:15
3540
原创 HTML标签简介
1. 什么是HTML标签？学习网页开发，首先你得知道怎么编写和构造HTML标记，用HTML标记传达你想要给用户展示的内容，比如文字、图片、音频和视频等。用HTML标记内容的目的是为了赋予网页语义，换句话讲就是要给你的网页赋予某些用户代理能够理解的含义。我们平常用的浏览器、给视障用户朗读网页的屏幕阅读器，他们需要显示和分析网页。HTML规定了一组标签，用来给内容打上不用的标记。每个标签都是对它所包含内容的一种描述。2. 闭合标签与自闭合标签2.1闭合标签：(ps:一般情况文本显示用闭合标签)...
2021-09-08 15:43:40
255
原创 Axure-上拉框设置
注意看划线或箭头部分，共有26个步骤，按顺序操作下去在元件库中找到矩形并拖出，可以添加上自己喜欢的样式 在元件库中找到列表框并拖出摆放好合适的位置双击列表框 点击编辑多项 添加需要的选项 点击确定添加完选项后，将列表框进行隐藏选择矩形，双击鼠标单击时 点击显示 选择需要显示的列表框 动画选择向上滑动 点击确定选择列表框，双子选项改变时 点击设置文本 选择矩形 点击fx设置变量点击添加局部变量 将元件文字改成被选项 选择列表框 点击插入变.
2021-08-29 09:04:18
4574
原创 Axure-图片放大缩小
在元件库中找到图片并拖出 放上需要的图片 选择其中的一张图片设置动作 双击鼠标移入时 点击设置尺寸 选择当前元件 高度填放大后相等的高度 宽度填放大后相等的宽度 锚点选择中心 动画选择线性 点击确定双击鼠标移出时 选择设置尺寸 选择当前原件 锚点选择中心 动画选择线性 点击确定这是我所学到的Axure-推动元件，所以我要分享给你们，希望可以帮助到你们。...
2021-08-18 16:35:30
728
原创 Ps图形合并
点击新建 然后创建一个默认Photoshop大小的画布用形状工具画出或者钢笔工具描绘出所需要和合并的图层，最少需要两个或者两个以上的图层才可以进行合并长摁Ctrl键并点击所需要合并的两个图层选择两张所需要合并的图层后，用快捷键Ctrl+E合并图层 合并图层后还没有合并形状，所以选择合并形状 最后选择合并形状组件，两个图层就合并成一个形状了和一个图层了这是我所学到的Axure-推动元件，所以我要分享给你们，希望可以帮助到你们。...
2021-08-18 16:08:35
2227
原创 Axure-照片墙制作
在元件库里找到中继器并拖出双击中继器进入到中继器里面，然后在元件库里找到图片并拖出放在x轴和y轴是零的位置 双击图片，然后选择需要的图片并打开返回到页面，在属性栏这一块可以看到一个表格，在第一列右键选择导入图片，然后放上剩下所需要的图片 放完图片后在样式这一栏找到布局然后勾上网格排布 每排项目数为3（看大致有多少图片）在属性这一栏双击每项加载时 点击设置图片（一开始有个自带的设置文字，可以将它删除） 勾上需要配置动作的中继器 点击Default选择值点击fx 点击.
2021-08-18 16:06:17
159
原创 Axure-设置选中效果
在元件库里找到矩形并拖出，最少两个(什么样的图案都可以) 选择属性这一栏，双击选中给矩形设置样式 点击确定设置完选中样式后，选择属性这一栏，在设置选项名称随便设置一个名称，每个图案的名称都要一样的设置完名称，选择属性这一栏，双击鼠标单击时 单击设置选中 勾上当前元件 最后点击确定，给每个矩形设置一模一样的动作这就是最后预览的效果这是我所学到的Axure-照片墙制作，所以我要分享给你们，希望可以帮助到你们。...
2021-08-18 16:00:28
6465
1
原创 Axure-图片放大
Axure-图片放大~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AxureRP 8撰写时间：2021/5/18注意看划线或箭头部分，共有21个步骤，按顺序操作下去在元件库里找到动态面板并拖出 双击动态面板进入面板状态，点击State1 进入面板状态一后，在元件库中找到图片并拖出 双击图片，然后放上喜欢的图片 退出面板状态后回到页面，在属性这一栏..
2021-07-07 10:09:25
798
原创 Axure-显示和隐藏
Axure-显示和隐藏~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AxureRP 8撰写时间：2021/6/28注意看划线或箭头部分，共有17个步骤，按顺序操作下去在元件库里找到图片并拖出 双击图片，放入所需要的四张不一样的图片 在元件库中找到图片元件 双击图片放入前面的同样的四张图片 将大的图片和小的图片备注清楚，设置动作的时候不会乱 将四..
2021-06-27 15:35:56
1909
原创 2021-06-17
Axure-推动效果~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AxureRP 8作者：陈秋钱撰写时间：2021/6/18注意看划线或箭头部分，共有18个步骤，按顺序操作下去在元件库里找到文本段落并拖出两个 在元件库中找到图片元件并拖出，放入所需的图片（任何东西都可以） 在元件库中找到按钮元件并拖出两个，标注上推动元件和拉动元件 选择所需要隐..
2021-06-17 09:12:40
57
原创 Axure-置于顶层
Axure-置于顶层~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：AxureRP 8撰写时间：2021/6/8注意看划线或箭头部分，共有16个步骤，按顺序操作下去在元件库里找到矩形并拖出，按图标记好每个矩形名称，然后三个大的矩形上下左右居中双击鼠标单击时 点击显示 选择的是小一矩形，单击的时候大一矩形顶置，选择对应的矩形 勾上置于顶层 点击确定..
2021-06-07 08:52:48
1127
原创 Axure-拖动图片
Axure-拖动图片~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~注意看划线或箭头部分，共有14步骤，按顺序操作下去1.在元件库里找到矩形并拖出（也可不要矩形）2.在元件库里找到图片并拖出3.双击图片，放入喜欢的图片4.需要几个放几个，将每个图片都换上不一样的图片5.选择选择图片，右键点击转换为动态面板，每个图片都要转换为动态面板6将自动调整为内容尺寸.
2021-05-26 11:08:20
1465
原创 Axure-幻灯片初级做法
Axure-幻灯片初级做法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~注意看划线或箭头部分，共有15个步骤，按顺序操作下去首先我们先打开Axure RP 8软件，然后开始做初级的幻灯片1.首先我们在元件库里找到动态面板并拖出2.双击动态面板进入到面板状态里，然后双击自带的面板状态1(State1)，进入到状态1里去3.进入到状态1后，在元件库里找到图片并将它拖出4.
2021-05-17 08:10:14
515
原创 铅笔工具的简单使用方法
铅笔工具的简单使用方法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure RP 8作者：陈秋钱撰写时间：2021/4/281.铅笔工具和画笔工具都在一个工具箱组里面，在画笔工具下面就是我们要讲的铅笔工具。2.在工具箱里，选择铅笔工具，在样式，选择一款笔刷。铅笔工具和画笔工具的一大区别，在于：画笔工具有硬度控制，就是边缘可以模糊，而铅笔工具，边缘是没有办法做到模糊的，只...
2021-05-07 14:45:42
515
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人