- 博客(24)
- 收藏
- 关注
RSS订阅原创 JQ下拉框内容输出
今天我要分享的JQ下拉框内容输出事件的知识点第一步：先创建好下拉框，如下图所示；第二步：再创建下拉框里的内容，加上按钮，如下图所示；第三步：文件就载入jquery-3.6.0，如下图所示；第四步：运用appendTo这个方法来实现这个功能，这个是把左边的调到右边，如下图所示；第五步：运用append这个方法把右边的调到左边，如下图所示；到这就写完了，效果是选中左侧的下拉框的内容点击确定将它调到右边来，也可以选中右边的点击取消，调到左边来...
2022-05-29 20:56:14
405
原创 Js滚动到低触发事件
今天我要分享的Js滚动到低触发事件的知识点Body标签里放置h4标签作为标题，p标签里放置一篇文字，h4标签里放置一个input标签和label标签再来一个input标签，以下就是页面的内容，如下图所示；正在上传…重新上传取消接下来就是Css样式，如下图所示；正在上传…重新上传取消最后就是JS代码声明变量article，当article滚动到一定高度触发条件，整个滚动区域的高度正在上传…重新上传取消clientHeight 滚动区域的可见高度正在上传…重新上传取消滚动
2022-05-19 15:21:11
1556
原创 jQuery 背景切换
今天我要分享的jQuery 背景切换事件的知识点首先创建一个文件夹，准备好三张图片，创建html文档，放置一个div标签包裹三个img标签，div添加ID，把三张图片载入，如下图所示；第二步，写Css代码用通配符把边距设置为零，如下图所示；第三步，在body标签设置背景图，如下图所示；第四步，给div标签设置透明背景，如下图所示；第五步，在设置图片大小，如下图所示如下图所示；最后，引用JQ文件和代码给img标签绑定点击事件，点击图片在body里显示图片，...
2022-05-08 17:05:58
2090
1
原创 JavaScript 时钟案例
今天我要分享的JavaScript时钟案例的知识点创建一个文件夹里面在创建一个css和js的文件夹，把css和js引入，然后开始写html，在body里添加div标签设置类，div标签里放一个span标签，在添加一个ID，span标签输入时间，body里在设置一个div用于储存button开始和暂停的按钮，开始和暂停按钮分别设置一个ID，如下图所示；接下来就是Css的样式，如下图所示；3.最后是JS的代码，声明两个变量timer 和 bl，window的加载事件，获..
2022-04-28 15:20:14
1565
原创 PS 布尔运算
步骤一：首先我们Ctrl+N新建一块画布620.00像素*354.50像素的画布，在新建一个空白图层填充前景色Alt+Delete进行操作，如下图所示；步骤二：然后，我们用椭圆工具把蝙蝠的造型做出来并Ctrl+J复制一份备用，如下图所示；步骤三：把复制过来的图层，给它一个组，给它一个组是为了方便你在把椭圆弄得变形或者丢失可以拿出来使用，在制作的时候把组的小眼睛关掉，如下图所示；步骤四：为了更好的去制作蝙蝠，可以给所有的圆一个适当填充色，并且把圆的透明度降低如下图所示；步骤五...
2022-03-28 08:41:05
1255
原创 JavaScript 鼠标移动事件
今天我要分享的JavaScript鼠标移动事件的知识点1.首先准备一个文件夹和一张GIF的动图，打开VS Code，新建一个文件,Ctrl+S保存文件，输入文件名，文本类型设置成HTML，如下图所示；2.在文档里输入英文状态下的感叹号+回车键，如下图所示；3.在body里输入img标签，把GIF图引入，在img标签里输入style属性，设置定位，宽和高如下图所示；4.现在开始写JavaScript代码：（1）获取img标签，然后添加鼠...
2022-03-27 21:02:50
7088
原创 JavaScript 作用域
今天我要分享的JavaScript作用域的知识点作用域：Js中一共有三种作用域（1）全局作用域（2）函数作用域（局部作用域）（3）块级作用域2.如图，变量a，b和函数num，num2都保存在window对象上window对象的属性和方法可以直接调用,如window.num() 可以写为 num()3.函数作用域：(1) 调用函数时,局部作用域被创建,函数执行完毕,局部作用域被销毁此时函数num并没有执行，作用域没有创建，当函数执行...
2022-03-16 09:28:38
683
原创 JavaScript事件冒泡
今天我要分享的JavaScript事件冒泡的知识点1.知识点分享 JavaScript 事件冒泡主要是声明变量，获取点击事件，触发点击事件的动画；2.就是JavaScript的触发动画效果和点击事件3.以下是html的知识点代码如下：4.还有css的样式代码如下图：给body，box,innerBox设置背景颜色。5.Js 代码如下图所示：首先获取box，在获取innerBox给innerBox添加绑定点击事件。事件对象event=event或window.e..
2022-03-13 15:26:02
1011
1
原创 JavaScript事件冒泡
今天我要分享的JavaScript事件冒泡的知识点1.知识点分享 JavaScript 事件冒泡主要是声明变量，获取点击事件，触发点击事件的动画；2.就是JavaScript的触发动画效果和点击事件3.以下是html的知识点代码如下：正在上传…重新上传取消还有css的样式代码如下图：给body，box,innerBox设置背景颜色。正在上传…重新上传取消Js 代码如下图所示：首先获取box，在获取innerBox给innerBox添加绑定点击事件。事件对象event=even
2022-03-10 15:34:55
1413
原创 CSS 简介
CSS介绍：CSS层叠样式表:层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言 动态地对网页各元素进行格式化。/*-- Cascading [kæˈskeɪdɪŋ] Sheets [ʃiːts]*/CSS 能够对网页中元素位置的排版进行像素级别精确控制，支持几乎所有 的字体字号样式，拥有对网页对象和模型样式编辑的能力。工作原理：CSS.
2021-12-08 16:15:43
593
原创 HTML 介绍
DW介绍：HTMLHTML超文本标签语言： 超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一 个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是 网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元 素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英 语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内 容。HTML..
2021-12-08 16:12:19
386
原创 Axure RP 8制作不透明度
步骤一：找一张手机图片，宽高自定，自己觉得适合就行，如下图所示；步骤二：把图片导入调整好大小，放置手机图片内，拖两个矩形，一个灰色垫底命名为hui，粉色在上命名为粉，拖一个30*30的圆作为按钮，加上文本100，转换为动态面板，如下图所示；步骤三：给动态面板设置交互事件，移动，移动当前元件，水平拖动，添加边界，左侧>=，点击FX，添加局部变量，LVAR1=元件 hui,插入变量[[LVAR1.x-This.width/2]]；右侧<=，点击FX，添..
2021-12-08 16:10:22
433
原创 Axure RP 8制作幻灯片
步骤一：创建一个新的画布，在原件库找到动态面板，然后在概要：页面双击动态面板，在面板状态中添加几个面板,如下图所示；步骤二：打开（动态面板）/state1 拉一个矩形输入你想要的词，然后依次打开动态面板，放入动图或者静图，如下图所示；步骤三：制作两个按钮来控制幻灯片，在原件库找到矩形，设置宽：150，高：50，按住Ctrl向外拉，两个开关的外形就做好了。如下图所示；步骤四：点击开始按钮，在属性找到（鼠标单击时）双击进去，添加动作里找到设...
2021-12-08 16:06:37
350
原创 Axure RP 8制作计时器
今天给大家分享一个简单的案例步骤一：设置一个自己喜欢的图案，输入倒计时，文字大小，颜色自定，如下图所示；步骤二：添加全局变量，菜单栏里找到项目，全局变量，添加全局变量，变量名称DJS，默认值可以设置10秒，20秒，1min等等，按自己需求输入，如下图所示；步骤三：设置条件变量值DJS>值为0.如下图所示；步骤四：设置交互事件，鼠标单击时，设置文本，设置矩形的文字 =“全局变量”的文字，等待1000毫秒，设置全局变量值于DJS = [[DJS-1]],设...
2021-12-08 16:02:03
1982
原创 Axure RP 8制作QQ登录
今天给大家分享一个简单的案例步骤一：我们先把布局弄好一个矩形作为背景，文字用文本标签去写，两个文本框，一个登录按钮，按着下面的图片布局。如下图所示；步骤二：给密码设置一个组。如下图所示；步骤三：再弄两个文本标签，输入请输入QQ账号 和 请输入密码，一个矩形，如下图所示；以下是交互事件步骤四：找到登录按钮设置交互事件，鼠标单击时，设置条件元件文字 账号==值为“空”，然后设置显示QQ帐号提示推动 元件 向下 线性 1000ms，等待500毫秒，隐藏QQ帐号提..
2021-12-08 15:59:04
1801
原创 Axure RP 8制作水泡导航
今天给大家分享一个简单的案例步骤一：绘制一个900*60的黑色长方形，去除边框，如下图所示；步骤二：添加一个180*60的小长方形里面加上文字，去除边框，按住Ctrl+鼠标拖动可以复制大小一样的长方形，修改里面的文字，如下图所示；步骤三：设置一个180*60的透明长方形，放在首页上面盖着，在设置一个130*42的长方形，拖动三角形到中间，白色透明度为35%的圆柱，然后给个组合，如下图所示；以下是本案例的交互事件步骤四：给五个带有文...
2021-12-08 15:54:21
206
原创 Axure RP 8制作中继器
今天给大家分享一个简单的案例步骤一：在元件库里找到文本框给它拉出来，如下图所示；步骤二：在元件库里找到这个按钮给它拉出来，如下图所示；步骤三：在元件库里找到这个中继器给它拉出来，并且在右边的属性找到中继器给个命名，命名必须是英文不然获取不到，再给它们写上名字或者数字，写完以后给它一个隐藏；如下图所示；以下是交互事件步骤四：在按钮上设置交互事件，添加筛选勾选中继器，名称自己设置，点击fx添加局部变量LVAR1=元件文字=文本框，插入变量[[LV...
2021-12-08 15:50:19
655
原创 Axure RP 8制作轮播图
步骤一：绘制一个800*500的动态面板，命名图片，添加四个面板，分别添加上图片。如下图所示；步骤二：设置左右按钮，给一个组，在左边元件拉一个正方形转化为动态面板。如下图所示；步骤三：设置高亮按钮，给一个组，转换为动态面板，添加四个面板分成1234，对应的把高亮效果给上去。如下图所示；以上是轮播图的布局步骤四：这个是图片动态面板的交互事件，如下图所示；步骤五：这个是左箭头的交互事件，如下图所示；步骤六：这个...
2021-12-08 15:47:01
2603
原创 Axure RP 8制作小僵尸
步骤一：绘制一个300*300的矩形，右键转换为动态面板，添加面板。如下图所示；步骤二：双击动态面板1，绘制两个矩形左右靠在一起，设置宽度300，高度50，在绘制一个矩形宽300，高250，点击样式边宽可见性按照下图的边框隐藏和显示。添加四张图片，把图片导入后设置宽高100*100，按位置排好，添加图片元件宽高150*150，设为隐藏，且命名。步骤三：双击动态面板2，绘制两个矩形左右靠在一起，设置宽度300，高度50，在绘制一个矩形宽300，高250...
2021-12-08 15:40:58
140
原创 Axure RP 8制作幻灯片
步骤一： 创建一个新的画布，在原件库找到动态面板，然后在概要：页面双击动态面板，在面板状态中添加几个面板,如下图所示；步骤二： 打开（动态面板）/state 1 拉一个矩形输入你想要的词，然后依次打开动态面板，放入动图或者静图，如下图所示；步骤三：制作两个按钮来控制幻灯片，在原件库找到矩形，设置宽：150，高：50，按住Ctrl向外拉，两个开关的外形就做好了。如下图所示；步骤四： 点击开始按钮，在属性找到（鼠标单击时）双击进去，添加动作里找到设置...
2021-07-29 08:07:40
216
原创 使用PS制作乌龟
步骤一： 绘制一个500*500的画布。如下图所示；步骤二： 按图中的椭圆大小绘制然后，给他们一个组。如下图所示；步骤三： 把上面绘制出来的椭圆复制一份去掉描边给一个红色的填充色，把透明度调成20％，把图中的两个椭圆选中，合并，使用路选择工具点击一个椭圆，将形状置为顶层，与形状区域相交，合并形状组件。身体部分就做好了。如下图所示； 步骤四： 选中图中的两个椭圆选中，合并，使用路选择工具点击一个椭圆，将形状置为顶层，与形状区...
2021-06-20 20:08:27
436
原创 使用Ai制作3D字母N
步骤一： 使用文字工具，拼写字母N，在点击菜单栏里的文字，创建轮廓。如下图所示;步骤二： 点击菜单栏的窗口，符号，把字母N拖进符号面板里，如下图所示；步骤三： 使用圆角矩形工具，绘制一个圆角矩形，给它一个灰色，点击菜单栏里的效果，3D，，凸出和斜角，如下图所示；步骤四：把厚度大小调整好，再把透视调整好，如下图所示；步骤五： 点击贴图表面3，再把字母N贴上去，最后把旋转方向调整好，如下图...
2021-06-08 15:32:06
531
原创 2021-05-18
步骤一： 使用文字工具打出数字（1~9）或者26个字母挑选其中一个，在将其放大，字体使用粗一点的字体，如下图所示；步骤二： 使用矩形工具建立细长的矩形，点击移动工具，按住Alt键往下拉的同时按住Shift键，会平行移动，再按Ctrl+D重复变换，注意间隔不要太大，如下图所示；步骤三： 我们在点击你的字体可以清晰的看见数字的框很大，怎么跟字体差不多大小呢，首先我们点击菜单栏里的文字，在点击创建轮廓，框就会和字体差不多了，如下图所示；步骤四：...
2021-05-18 12:21:14
115
原创 2021-05-08
我们步骤一：先制作一个325.00像素*285.50像素大小的画布，在使用椭圆工具在虚线绘制好 圆，并备份一组，透明度调为百分之20，有利于你看得清楚你绘制的椭圆是否和虚线重 合，如下图所示：步骤二： 我们在把最上方的椭圆和中间的圆进行合并，使用路径直接选择工具，点击椭圆设为形状置为顶层，再减去顶层形状，合并形状组件，鲸鱼的身体就出来了：步骤三： 尾部有五个圆是制作尾巴部分的，尾部最大的圆复制一份，再把对称的圆合并形状组件，拿大圆和第二大的圆进行合并，路径直接选择工...
2021-05-08 06:52:35
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人