- 博客(31)
- 收藏
- 关注
RSS订阅原创 点击显示图片
1.首先我们先要在桌面创建一个文件夹再将要想显示的图片放入文件夹2.创建html并保存在文件夹内3.给它一个按键按钮4.给它一个空图盒子5.根据id获取元素，并注册点击事件,添加事件处理函数6.设置图片和图片大小7.保存后进入浏览器显示即可...
2022-05-16 15:42:03
1164
原创 用visual创建项目
1.我们需要下载这个紫色的visual2.打开visual，并点击 继续但无需代码3.进来后点击左上角的文件—新建—项目4.选择创建的类型5.选择好后，我们可以改变项目创建位置6.创建好后，我们还需要添加选择目录7.最后一步点击视图里面的解决方案资源管理器，即可...
2022-05-07 15:51:58
597
原创 设置点击显示效果
1.首先我们先创建HTML文档，然后再给它一个按钮，并且设置id=“btn”名（用于后面使用）2.给id获取元素3.注册目标点击事件4.然后设置显示效果5.最后展示使用效果入gif图
2022-04-28 08:24:31
302
原创 随机数字的简写
1.首先我们先创建HTML，再在body部分使用js代码<script> console.log(Math.random()*100)；</script>保存并进行查看通过上面的GIF可以看见我们的随机数都不是整数，那如何弄成随机整数呢2.要想弄成整数我们在console.log((Math.random()*100));中添加一个英文parseInt如图之后我们查看就是可以看见我们的随机整数了3.10-20的随机整数(包括2...
2022-04-06 15:23:05
108
原创 随机数字的简易写法
1.首先我们先创建HTML，再在body部分使用js代码<script> console.log(Math.random()*100)；</script>保存并进行查看通过上面的GIF可以看见我们的随机数都不是整数，那如何弄成随机整数呢2.要想弄成整数我们在console.log((Math.random()*100));中添加一个英文parseInt如图之后我们查看就是可以看见我们的随机整数了3.10-20的随机整数(包...
2022-04-06 15:21:31
239
原创 随机颜色案例
1.新建HTML文件夹2.给一个盒子（会玩的可以试着弄成浏览器页面随机色）3.建造JS，给它事件4.前三步弄好后在原文件中打开就可以和上图gif一样了
2022-03-27 14:48:42
115
原创 电灯泡开关
1.我们先创建一个html文件，并保存2.然后给它一个开关按钮3.使用这一串【var btn =document.querySelector("button"); var flag =0; btn.onclick=function(){ if(flag==0){ doc...
2022-03-16 19:23:15
217
原创 如何制作倒计时
1.首先我们先创建一个html文件2.给两个按钮开关 3.给刚才的两个按钮用上id，并写上倒计时的代码4.然后再写一串停止倒计的代码5.最后再在写上在倒计到0时自动停止倒计的代码，保存后并启动如下gif图。...
2022-03-08 14:50:16
1585
原创 用代码打图形（3）
今天简单弄个圆1.首先我们先新建一个HTML，保存2.再给盒子一个名3.用代码把圆写出来（因为是简单做的一个圆所以没用css）4.用浏览器打开就行了
2021-10-28 09:21:37
240
原创 用代码打图形（2）
今天要弄的是三角形1.首先我们先用DW创建新文件2.再保存刚才创建的文件3.在<body>里面建个<div>盒子，给它个class4.在style里面创建代码5.建好三角形的代码后在浏览器里面打开就行了...
2021-10-18 15:31:32
720
原创 2021-10-11
今天我们简单弄个圆1.创建html2.保存3.给他一个名字4.再创建一个css样式5.给他一个宽高和颜色，最后预览就行了如下图。
2021-10-11 20:38:29
69
原创 HTML概绍
什么是HTML？？——HTML是DW里面的一种超文本标记语言。DW又是什么？——DW全称Adobe Dreamweaver，它是一款前端开发软件。它里面拥有HTML、CSS、JavaScript。我们今天要概绍的就是第一款语言HTML。一.HTML的创建1.我们进入DW后，你会发现它的内容是什么也没有的，这个时候我们就要创建一个属于自己的文件。2.我们可以在左上角的文件那新建一个文件或，按键盘的CTRL+N进行新建二.HTML的使用1.新建文本后它内容区就会有一些英
2021-08-26 11:28:59
133
原创 2021-08-18
对于初学者来说代码太多是比较麻烦的，所以我在这里找了一些比较方便的方法首先我们先打开DW2.在左上角文件那里新建一个hyml文档3.建立文档后ctrl+s保存文档4.在左上角的文件里面找到页面属性，打开；这时候你会发现它有两个外观，我们选择后面带有html的那个5.选择颜色并应用后，保存文档 f12浏览器打开文档（默认谷歌浏览器）效果就能显示出来了6.想再改颜色也可以，改了后也不会影响文档...
2021-08-18 15:26:28
69
原创 如何在PS中用渐变字体
1.首先我们先随便建一个画布2.打字3.在图层里右键你的字，找到格式化图层4用快速选择工具选中文字，只要能看见蚂蚁线就行了5.打开渐变工具 对自己喜欢的方向拉动线就OK了...
2021-08-08 16:55:38
2989
原创 PS的实用工具
一.大家应该都遇见过图片在ps中打不开的情况吧，那这怎么解决呢？其实这个很简单；我这里有我自己常用的俩种方法：1.截图，将自己要弄的图片截图下来（这样有些可能会降低清晰度）2.将要用的图片在axure打开，复制图片再在ps打开就行了（清晰度不变）二.当我们ps图弄到一半时发现图片大小不合、帧数不够、字体看不清。怎么办呢？这个也很简单的，我们可以在图像那找到图像大小在图像大小中可以修改图像长，宽，分辨率吧按自己需求调整即可三.图片水印的去除方法1.我们先选中要去除的水印再在编辑中找到填充..
2021-07-28 09:34:19
176
原创 制作手风琴
1.首先我们要拖入一个动态面板 2.打开动态面板管理，进入第一个面板状态3.在动态面板区内放入工具/图片/其他4返回动态面板管理、添加第二个面板并进入5.在第一个面板的基础上再添加一些工具/图片/其他6.点击交互—鼠标单击—设置面板状态7.返回第一个面板，然后过程和第六步类似，把选择状态换成State2就行了8.弄完后复制一份一样的，效果就和首页的gif一样...
2021-07-17 09:55:18
252
原创 图片和文字
1.首先我们先放一个动态面板，然后再进入动态面板2.在动态面板内拖入图片（记得图片不要大于动态面板的范围线）3.然后再在图片上面拉一个蒙板，双击蒙版可以写一些字。再把蒙版不透明度调低一点、隐藏4.在动态面板上设置互动<鼠标移入>设置尺寸<选择图片，宽高尺寸自己加，动画、时间也是自己调5.再给蒙版设置显示（蒙版要先隐藏）确定后鼠标移入就完成了 然后就是移出6.互动<鼠标移出>设置尺寸<这里高宽不用改变，毕竟我们是移出还原图片，锚点要和移入设置的一样 不然图片.
2021-07-07 10:41:40
74
原创 浏览尺寸设置
和浏览器面积一样大的图片设置教程（如图）1.我们先拖入一张图片进去，再给图片进行页面载入交互（这里要点击背景，而不是图片）3.点击设置尺寸，选中图片把图片的宽和高都换成“[[Window.width]]和[[Window.height]]”如下图：4.最后再给窗口尺寸改变进行调整和页面载入一样的步骤，预览就行了。...
2021-06-27 19:21:53
273
原创 制作水泡导航
1.我们先找一个元件当导航栏2.再弄一个和气泡一样的形状和气泡垫，把气泡垫的透明度调到0，气泡透明度调到70~90左右、3.合并气泡和气泡垫，导航栏条4.再在每格的导航栏中用鼠标移入互动—移动—选择气泡组—绝对位置—当前x，y轴 动画...
2021-06-17 08:14:05
153
原创 简易QQ的制作方法
这是我在Axure里面预览的效果，效果到底好不好要自己试试才知道，开整1.首先我们要把QQ的背景做出来，这里我偷工减料直接把背景截图下来了2.我们把文本框拉进背景中，遮蔽原有的账号栏（图片怎么可能能输入账号呢）3.我们隐藏文本框边框后再在提示文字那输入“QQ号码/手机/邮箱”4.再拉一个文本框遮住密码栏，原理和上面一样的，只不过密码这里要在类型那选成密码5.我们制作俩个√√放入自动登录和记住密码的方框里并隐藏6.在√√上面放入热区并给热区用上鼠标单击交互-显示被隐藏的√√7.最后找回密码和登.
2021-06-07 19:30:40
3513
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人