自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 模拟微博发布

模拟微博发布

2022-06-19 19:00:10 138 1

原创 滑动效果

ajax-daye滑动效果

2022-06-08 16:35:23 73

原创 按键改变颜色

1、在body中创建一个div并且给一个id2、在head中创建一个style并且在里面给div输入div3、在body创建一个script并且链接jq文件4、在创建一个script,在里面输入js样式5、这是成品

2022-05-26 16:49:45 148

原创 获取按下键盘的键

1、在body打入一个div并且给一个id2、在head里打入一个style标签,在里面给div加上css样式3、在body里打入一个script在里面链接jq样式4、再放一个script在里面打入function5、在function里面打入js样式6、这是成品...

2022-05-18 15:06:25 88

原创 图像渐变

1、在<body>中打入<ul>标签,在<ul>标签中打入10个<li>标签,在<li>标签中输入1~102、在<head>标签中打入<style>标签,在<style>标签中输入<ul>和<li>标签的css样式3、在<body>中先打入一个<script>标签,在<script>标签中链接jq样式4、在上一个<scrip

2022-05-07 15:43:42 47

原创 评分案例

1、打入一个ul标签,在ul标签里在打入五个li标签并且放入五角星2、打入一个style标签在里面输入css样式3、在body标签里输入一个script标签链入js样式4、在创建一个script标签在里面获取所有的li标签5、当前的li是实心五角星,前面的li也都是实心的五角星,鼠标后面的li是空心的五角星6、做一个记录,点哪个li就为这个li添加一个自定义属性,作为标识,但是其他的li中的这个自定属性要删除7、鼠标离开的时候,获取那个带index自定义属

2022-04-27 16:54:12 50

原创 js数组操作

在body里打入script标签2、在script里输入js样式这里就结束了

2022-04-17 15:54:58 37

原创 显示时间

在body里打入两个div,在两个div里分别打入span标签和button标签2、打入style在里面输入css样式3、打入script打入js样式这里就结束了

2022-04-06 14:42:49 53

原创 计算年龄

1、在body里打入一个script2.在script里输入js样式这里就结束了

2022-03-27 20:31:33 42

原创 显示隐藏密码

1、创建一个div,div里面套入input和span2.打入style在里面输入css样式3.输入script在里面输入js样式这里就结束了

2022-03-20 08:38:14 122

原创 电灯开关

按照红圈往下走1、先打一个按钮标签,并且给按钮标签和身体标签一个id名2.给上一个script标签在标签里面打上js样式这里就结束了

2022-03-08 15:03:31 55

原创 饼图插入

1、新建一个html2、放入插件和引入echarts.js文件3、准备好一个呈现图表的盒子4、给盒子设置一个高度5、初始化echarts实例对象6、打开Echarts选择实例选饼图找一个自己喜欢的案例点击进去7、复制左边的代码8、准备配置项(把刚才复制的代码粘贴上去)9、将配置项设置给echars的实例对象到这里就结束了...

2021-11-21 16:45:08 813

原创 饼图插入

1、新建一个html2、放入插件和引入echarts.js文件3、准备好一个呈现图表的盒子4、给盒子设置一个高度5、初始化echarts实例对象6、打开Echarts选择实例选饼图找一个自己喜欢的案例点击进去7、复制左边的代码8、准备配置项(把刚才复制的代码粘贴上去)9、将配置项设置给echars的实例对象到这里就结束了...

2021-11-17 15:26:51 58

原创 响应式布局

新建一个html2.打入一个div并且在div里打入一个类名。3. 在title下面打入style并且在style里面设置div的样式。响应式布局到这里就结束了。

2021-11-08 08:26:38 56

原创 图片旋转

1. 新建一个html。2.在body里打入一个div并且给一个类名。3.在div里放入6个img在img里放人图片4.设置一个style在里面设置样式。到这里就结束了。

2021-10-28 15:41:03 49

原创 图片轮播

1.新建一个html2.打入一个div并且设置一个类名。3.再打入一个div也给他一个类名。4.设置三个img并且放入三张图片5.在title下面设置一个style并且在里面设置样式。到这里就结束了。

2021-10-18 19:10:18 35

原创 2021-10-11

1.新建一个html2.打入一个div并且给它一个类名3.打入input4.打入两个img并且放入两张图片,最后在第二个img后面放入一个类名5.打入一个style在里面设置样式到这里就结束了

2021-10-11 20:30:36 45

原创 移入显示

新建一个html2.打入一个div并且给它一个类名3.打入input4.打入两个img并且放入两张图片,最后在第二个img后面放入一个类名5.打入一个style在里面设置样式到这里就结束了

2021-10-11 20:27:00 50

原创 二级菜单

按照红圈往下走新建一个HTML。2. 新建一个CSS。3. 在HTML链接CSS。4. 在body新建一个div,并且设置一个类名。 5. 在类名(cont)的div里套入三个div并且设置类名(nav)在div里在套入h3标签,在套入一个ul无序标签。 6.在css里给类名设置样式。二级标签到这里就结束了。...

2021-09-28 08:58:01 61

原创 2021-09-27

在 CSS 中,选择器是选取需设置样式的元素的模式。下面我们介绍几种常用选择器:1.元素选择器:通过选择html标签设置css样式示例:直接选取p标签设置文本颜色2. 类选择器:通过设置class类设置css样式注意:class命名不能以数字开示例:设置类名为change的标签中的文本颜色3.ID选择器:通过设置ID来设置css样式 注意:ID命名不能以数字开头示例:设置ID为select的标签中的文本颜色4.后代选择器:写法:div p.

2021-09-27 09:30:07 54

原创 三角形制作

打开Dreamweaver2.新建一个html3.新建一个css4.打上标题“三角形”5.设置链接,链接到css6.在body里设置一个div,7.在css里打上div8. 分别写上它的高、宽、背景颜色、加它的属性,高宽分别是0px、0px,背景颜色是蓝色的red、然后它的圆角是实线构成的:border: 10px solid;到这来三角形就完成了。...

2021-09-19 15:26:48 249

原创 前端HTIM基础讲解

注意看圆,按顺序操作下去什么是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-26 10:53:30 1006

原创 2021-08-18

注意看圆,按顺序操作下去今天教大家Axure RP 8用动态面板做图片轮播首先我们在元件库里找到图片拖到面板上然后双击两下放入自己喜欢的图片然后我们单击鼠标右键把图片转换为动态面板然后在双击两下动态面板就可以看到动态面板的管理状态,我们选中状态1就可以进行复制了。我复杂了五个状态,也可以多复制几个,单击确定就可以了复制完了之后我们一个一个状态点进去把一样图片都改成不一样图片搞完了之后我们就可以设置轮播了我们先把动态面板关闭进入主页面单击一下动态面板在旁边的属性栏里找到载入时,双击两下进入动作设置我们在动

2021-08-18 09:32:22 54

原创 Axure 选项卡

1、打开Axure软件.2、然后在Axure元件库里拉出一个手机元件,再从元件库拉出一个状态栏,随意挑一个放上去,然后改成合适的大小。(PS:我这个手机元件和状态栏Axure不自带,需另找元件下载)3、在元件库里拉出三个矩形,统一改成合适的大小,从左到右命名为1,2,34.再从元件库里拉出动态面板,改大小,然后双击面板,设置成三个小面板,在每个小面板上放一张你喜欢的图片,记得把图片改成和面板一样的大小。5.回到主面板,选中三个矩形,在属性界面那里设置选项.

2021-08-09 08:23:30 290

原创 局部变量

跟着红圈走拖三个矩形按照图片摆好,并且把名字打上2、选中点击,单击鼠标选中时,选择设置文本,勾上点击按钮,点击fx3、添加两个局部变量4、选中“我”5、选中“爱学习”6、选中LVAR17、选中LVAR2这是我所学到的Axure原型设计引用步骤,所以我要分享给你们,希望可以帮助到你们。以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!...

2021-07-28 10:52:50 49

原创 ps齿轮制作

1.首先画个圆,填充颜色,然后选择移动工具,选择图层,如果没有变换控件,就在左上角打开显示变换控件,CTRL+R,拉辅助线,拉到圆的中心点,2.然后用矩形工具画个矩形,3. 然后在CTRL+T把矩形的中心点移动到辅助线的焦点,在设置旋转角度45度Enter确定4. 然后在CTRL+ALT+SHIFT+T​5. 然后选择圆这个图层CTRL+J复制,CTRL+T变换路径然后SHIFT+ALT调整合适的大小,在把两个圆CTRL+E合并,然后用路径选择工具点击刚刚复制的圆,把他置.

2021-07-17 16:35:58 3317

原创 滚动隐藏、

跟着红圈走1、拖一个矩形出来2、拖一个主要按钮3、选择主要按钮,选择鼠标点击时4、选择添加条件,选择元件可见5、选择矩形6、选择移动,勾上矩形,选择绝对位置,选择线性,时间填5007、点击fx点击局部变量,选择元件,选择矩形8、选择x9、双击选中This,选择LVAR110、在x后面打上+100011、点击fx,选择局部变量,选择元件,选择矩形12、选择y13、双击选中This,选择LVAR114、选择旋转,勾上矩形,选择绝对位置,

2021-07-07 15:37:31 38

原创 Axure RP 8弹出效果

跟着红圈走1、拖一个矩形出来,并且更改颜色2、双击矩形后打上学习网站,然后再双击矩形选中字体后更改字体大小3、双击矩形选中字体后给字体更改颜色4、拖个矩形出来,单击矩形选中矩形后去除边框5、拖个矩形出来缩到合适的大小,按住CTRL往下拖6、选中矩形给边框换个大小7、选中矩形后,给边框换个颜色8、选中下面四个矩形按住CTRL+G编成一个组9、点击鼠标移入时10、选择显示、勾上组合、选择向下滑动、勾上置于顶层、选择弹出效果11、把组合隐藏这

2021-06-27 14:39:34 464

原创 2021-05-16

注意看红色圆圈,共有28步骤,按顺序操作下去点击Axure原型设计,从左边元件中把矩形拉出来,2、给框打个名称3、在拉一个矩形,把宽改为2,拉到框的左边4、给小矩形改名为进度条5、拉一个三级标题在框的中间6、进度条点击载入时7、点击设置尺寸,勾选当前元件,再点击fx8、 添加局部变量,选择元件9、选择框10、点击变量或载入函数选择元件中的width11、把This改为LVAR112、选择线性,时间设为5000毫秒

2021-05-16 10:59:35 43

原创 2021-05-07

注意看红色圆圈,共有14个步骤,按顺序操作下去先拉一个文本框出来 2.在拉一个中继器出来 3.最后在拖一个按钮出来 4.点击中继器,再把文字打上 5.把中继器隐藏 6.点击按钮,选择鼠标单击时 7.点击添加筛选 8.把中继器勾上,把名称打进去,再选择fx 9.设置显示,把中继器勾上 10.添加局部变量后,...

2021-05-07 19:18:40 52

原创 2021-04-29

注意看红色圆圈,共有23个步骤,按顺序操作下去点击Axure原型设计,从左边元件中把图片拉出来,2.双击图片选择一张照片3.鼠标右键图片,弹出菜单栏选择转化为动态面板4.左键双击图片,弹出管理器点击复制面板5.复制动态面板后,进入动态面板里,更换图片6.点击动态面板、点击载入时7.点击设置面板状态,把动态面板给勾上8.选择Next9.把向后循环和循环间隔给勾上,进入动画可有可无10、点击右上角的预览看图片是否可以动11..

2021-04-29 09:29:36 47

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除