- 博客(35)
- 收藏
- 关注
RSS订阅原创 js获取生肖
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2先做一个input来写年份，然后用一个button按钮来获取年份，用div包裹input和button。3给div做个居中4当按钮按下获取到input文本的内容，声明一个生肖的类，然后判断年份是否小于0。5用取余的方法来获取年份对应的生肖然后给到我们生肖的类6最后用警告框来显示生肖...
2022-05-29 16:52:31
548
2
原创 js贪吃蛇
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2先做一个框架来包裹开始按钮和键盘移动得div和随机刷新的食物然后在框架外面做一个分数3给框架，按钮，食物和蛇属性4写js样式开始按钮被按下获取蛇，食物和分数，显示蛇和食物隐藏按钮然后食物刷新到25倍数的随机位置,提前声明间隔定时器，然后做防暴力点击5判断键盘w,a,s,d键和↑↓←→是否被按下...
2022-05-18 08:37:16
147
2
原创 jq下拉框
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2在body里写div和span标签3获取div的类给属性4导入jq文件然后写js样式小结：这次的下拉框是获取jQuery然后利用里面的方法来制作的，一共用了2种方法完成的一个是用鼠标移入时和鼠标移出后来制作的，另外一个也是鼠标移入移出但比上一个简便。新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！...
2022-05-08 15:36:47
720
原创 js倒计时
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2在body里写一个div标签用div标签包裹一个p标签3在style里给div和p标签属性4在script里页面加载启动间隔计时器每一秒启动获取时间的函数5先获取当前时间，然后在括号里写要减去的时间相减过后除于1000然后在取整数，然后用减完的时间来获取还剩几天几小时几分几秒,然后时间是个位数的时候在前面增加0然后放到p标签的文..
2022-04-28 08:10:09
384
原创 js计时器
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2先在body放一个div和三个button3然后给button按钮和div设置属性4现在要写按下开始按钮要触发的事件5暂停按钮和重置按钮的事件小结：这次的计时器是用了间隔定时器，利用间隔定时器+1，然后用innerHTML来获取到p标签的文本，但不足有很多，可以更简单一些，还要学习更简单的方法。新手上道，请多..
2022-04-21 08:11:33
226
原创 js老虎机
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2我们需要用一个div包裹住老虎机里的内容p标签和button按钮要给id让我们在js好获取3在css给最外边的div边框和颜色，里面的div可以直接一个边框完事。4先制作防暴力点击5利用3个间隔计时器和3个延迟定时器(延迟时间可以自己设置)来制作老虎机一个一个暂停的效果6间隔定...
2022-04-10 10:03:06
1058
1
原创 js制作点名
效果展示1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2在body做一个p标签和按钮，按钮需要用div包裹。Button按钮和p标签都要给id3在style里给body背景颜色，按钮大小，p标签居中，div居中。4在script里声明p拿来获取文字，还要做防暴力点击,按钮按下后获取名字,然后几秒后停止小结:这次的随机点名是上次抽奖的升级版它多了几个中奖的，用了mat...
2022-03-30 09:09:13
365
1
原创 简单的抽奖
效果展示按下按钮后1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2打出4个p标签要做抽奖中的，第几发出的，保底差几发。3写style也可以代入css的文件，然后给按钮属性，p标签字的大小，还有网页的背景颜色4声明变量作为判断中奖的数字，还有保底还有几发中奖5写按钮按下后发生事件小结：这次写的抽奖是刚学习随机数做出来的，这抽奖其实还能升级，可以抽中的是...
2022-03-17 14:51:53
416
原创 用文本修改div属性
1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2在body里做一个div用来包裹设置正方形文本，然后写5个文本分别是设置高度，宽度，背景色，边框与圆角。然后制作一个按钮，然后是正方形，还需将正方形的属性用文本的value分别写出来3然后设置通配符内外边距为0像素，给我们包裹文本的div设置属性然后给p标签设置左和上外边距，然后设置文本的左外边距，设置按钮的，最后一个是正方形的4然后var获取文本的id，正方形的i.
2022-03-08 09:17:41
356
原创 制作聊天框
1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2先创建一个div加上类做聊天框先做出开始的聊天语句，然后做下拉框让我们选择A说或B说再然后做我们的文本框让我们能写出要发送的内容，最后就是做按钮。3给我们的类写样式4先获取id，设置按下按钮获取文本框内容若文本框内容是空则弹出警告框内容不能为空然后返回，文本不是空的会到达下方如果选项是==0时会发出A说加文本框内容再清除文本框内容避免重复发送，选项只要不是==0时就会
2022-03-08 09:12:34
1919
原创 按钮获取当前时间
1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容2创建div然后包裹日期的内容和开始与暂停按钮3在style里设置按钮的样式4然后在script里声明变量num然后是开始按钮触发之后的内容，内容是每隔1秒执行代码play，num变量是为了做暂停用的5写下play的代码，var的变量获取当前时间，还有当月是9或以下时在月的数字前加个0还有日，小时，分钟，秒的然后获取到p标签的id名然后=获...
2021-12-16 16:06:52
621
原创 按钮变大方块
1打开DW，CTRL+n新建一个HTML2在html里打上div在style里给div和button设置属性3打出来2个button然后设置id也给div设置id4在script里获取到div和按钮的id5设置第一个按钮的按下属性高度变200宽度变200颜色换成红色设置第二个按钮复原原来方块的属性顺便把按钮也变大6打开预览看效果变大后...
2021-12-08 10:51:11
599
原创 DW手风琴
1打开DW，CTRL+n新建一个HTML2新建div然后给div加个类menu然后再新建的div再嵌套一个div加类item3加上h3标签当标题然后再h3标签下面添加div加类box然后再ul里添加4个li然后再li添加手风琴里的内容4加link添加上css然后再css写样式5如果需要多几行可以复制6用浏览器打开看看效果...
2021-11-28 19:58:02
138
转载 用bootstr做一个轮播
1打开Visual Studio Code然后获取文件夹然后ctrl+n新建一个保存为HTML然后打上！获取代码2添加上组件css和js3来到bootstr页面找到自己需要的轮播效果然后将代码复制下来这个轮播是一个有左右按钮和选择1至3的4把图片换成自己需要放置的然后再给轮播外层添加一个div加上类container5如果轮播页面不够可以复制多几个就照这样复制下去就可以了6预览看轮播效果...
2021-11-17 10:13:32
104
原创 显示与隐藏
1打开DW，CTRL+n新建一个html2创建一个style然后给div设置属性3在body里加上inpu在type里打上button按钮然后在value打上字显示与隐藏和id ，id有助于我们获取到按钮4在body下面加上script在script里获取到所有的id5给隐藏按钮添加隐藏div再给显示按钮添加显示div6用浏览器打开点击隐藏后图片隐藏...
2021-11-08 09:33:56
107
原创 扑克牌旋转
1打开DW，CTRL+n新建一个html2在html和body里加上div，div里加上扑克牌图片3然后title下加上style给div里的图片设置属性绝对定位和左偏移上偏移和图片的高再加上旋转角 上右 旋转时间4给鼠标移入后的每张扑克牌设置角度 角度可以不是固定的但是一样的角度看不出太好的效果上面的旋转时间鼠标移出后也是收回时间。5鼠标未移入移入后的效果...
2021-10-27 10:32:47
817
原创 鼠标移入字体变色
1打开DW，CTRL+n新建一个html2在html的body里打上ul再打上li和a标签3在title里给li设置字体大小，背景宽高，外右边距，背景颜色和居中。给a标签设置颜色和去下划线还有鼠标移入a标签后的字体颜色和字体大小4下午茶是移入后的效果其他的是未移入的效果，也可以设置背景颜色的变化5以下的代码把a标签给减去了，然后给li加上鼠标移入后的背景颜色和字体颜色6下午茶是移入后的效果其他的是未移入的效果...
2021-10-18 09:10:13
10690
1
原创 制作三角形
1打开DW，CTRL+n新建一个html2在body加上div3在head里加上style再给div设置属性4设置div属性5观看效果6可以把bottom设置成其他方向可以变成其他方向的三角形也可以设置多一个方向变成直角三角形，7观看效果...
2021-10-11 10:00:05
344
原创 HTML动画过渡
1.打开DW然后CTRL+n新建一个HTML的文档2.在HTML的body里打上div3在head里加上style然后给div加上宽，高，颜色和过渡时间4设置一个通配符*设置内边距和外边距为零5设置过渡后的大小宽高6鼠标未放入的效果7鼠标放入后的效果8可以尝试变通把颜色改成图片，修改时间，修改过渡后的尺寸图片也会按照修改的时间与尺寸来变大和缩小...
2021-09-26 20:02:21
257
原创 css创建
如何插入样式表?外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部<head><linkrel="stylesheet"type="text/css"href="https://www.w3cschool.cn/css/mystyle.css"> </head>浏览器会从文件 mystyle.css 中读到样式声明，并根
2021-09-14 15:20:33
38
原创 Css基础知识
什么是 CSS?CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页面的外观。通过使用 CSS 实现页面的内容与表现形式分离，极大提高了工作效率 。样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 样式对网页中元素位置的排版进行像素级精确控
2021-09-08 16:04:22
52
原创 Css基础知识
什么是 CSS?CSS 是指层叠样式表 ( Cascading Style Sheets ) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 样式对网页中元素位置的排版进行像素级精确控制CSS 背景属性用于定义 HTML 元素的背景。CSS 属性定义背景效果：background-color（背景颜色） ba
2021-09-06 16:28:37
57
原创 HTML基础知识
什么是HTMLHTML 是指超文本标记语言: Hyper Text Markup Language。 HTML 不是一种编程语言，而是一种标记语言。 标记语言是一套标记标签 ( markup tag )。 HTML 使用标记标签来描述网页。 HTML 文档包含了 HTML 标签及文本内容。 HTML 文档也叫做 web 页面。HTML的格式DOCTYPE声明了文档的类型 <html>标签是 HTML 页面的根元素，该标签的结束标志为</html> <he
2021-08-25 10:51:51
106
原创 简单计算器
现在我来做一个简单计算机的案例 现在我做了一个简单的计算机接下来我来用代码实现这个案例 1.先打出简单的样式<input id="num1" type="number"><select name="op" id="op"><option value="+">+</option><option value="-">-</option><option value="*">*</opt
2021-07-07 09:31:21
60
原创 Axure 轮播
注意看黑色箭头，共有10个步骤，按顺序操作下去1打开Axure2 拉出一个圆形并右键转化为动态面板 3要记得打开自动调整尺寸4拉出一个笑脸一个难过再把难过隐藏5给病毒添加动作拖动时6设置第2个动作拖动时设置条件病毒触碰到笑脸7设置动作隐藏笑脸和病毒8显示难过和字9设置尺寸难过200x200中心线性变大10给病毒添加拖动时拖动形状...
2021-06-27 19:33:20
35
原创 Axure 轮播
注意看黑色箭头，共有17个步骤，按顺序操作下去1打开Axure2放上一张喜欢的图片并把它转化成动态面板3双击动态面板复制五个面板4打开2 3 4 5面板把图片换成其他的 5张图片都要不一样的5给动态面板加上动作载入时6添加左右箭头再加上五个圆7给圆全部添加选中时再加一个选项组8给圆形添加数字左到右顺序123459给动态面板加状态改变时当面板=1时选中1圆形10给动态面板加状态改变时当面板=2时选中2圆形11给动态面板加状态改变时当面
2021-06-16 09:08:40
40
原创 Axure订餐系统
注意看黑色箭头，共有10个步骤，按顺序操作下去打开Axure 放上几张图片再做几个矩形4给矩形打上需要的字5给矩形添加动作6给每个矩形设置动作8个矩形8个图片按下矩形可以让浏览器到达图片7然后放上素材8给素材上的小按钮设置同样的动作和上面矩形一样的动作9给回顶部设置到1矩形的动作10按下预览观看效果注意看黑色箭头，共有10个步骤，按顺序操作下去打开Axure 放上几张图片再做几个矩形4给矩形打上需要的字...
2021-06-07 08:55:41
458
原创 2021-05-25
Axure 账号登录~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： Axure作者：赖世佳撰写时间：2021/5/18的注意看黑色箭头，共有13个步骤，按顺序操作下去1打开Axure2先拉一个矩形再拉一个登录按钮3拉2个文本标签和文本框打上账号和密码4给账号文本框添加提示请输入账号5给密码文本框的类型改成密码再打上...
2021-05-25 16:58:50
63
1
原创 2021-05-17
注意看黑色箭头，共有10个步骤，按顺序操作下去1打开Axure2先拉一个600x400的矩形3放4张喜欢的图片尺寸120x804在中心放上左边4张一样的图片4张大图都要重叠大图尺寸400x2505给小图设置动作鼠标单击时6设置显示大图要和小图一样的动画随意四张小图全部设置鼠标单击时7把大图右键隐藏8给4张大图设置动作鼠标单击时9设置隐藏当前元件动画一样随意10按下预览观看效果...
2021-05-17 19:24:08
53
原创 2021-05-08
1打开Axure2拉出一个矩形选中然后做成圆角矩形 3再拉出列表框并添加4行字 4添加圆形和向上箭头并组合起来 5选中列表框右键隐藏列表框 6给列表框添加条件选项改变时，设置文本选矩形添加条件 7 添加局部变量再把第2个框修改成被选项第三个设为列表框8添按下插入变量或函数找到局部变量按LVAR1就完成了9添加等待500毫秒添加隐藏列表框向下滑动500毫秒10旋转上箭头和圆形的组合要绝对位置角度180度11完成列表的动作再选中矩形添加动作鼠标单击时显示列表框 12添
2021-05-08 09:35:27
37
原创 2021-05-08
注意看黑色箭头，共有10个步骤，按顺序操作下去1先打开Axure2先做一个300x100的矩形再右键转换成动态面板3双击动态面板复制一个面板4打开2面板ctrl复制矩形并把矩形颜色改变也打上字5打开面板一，把矩形的字也改成要写的字 6给面板一的矩形添加动作鼠标单击时7添加动作设置面板状态为二 8打开面板2选中最上面的矩形添加鼠标单击时9设置面板状态为一 10点击预览就完成了...
2021-05-08 09:32:02
32
原创 2021-05-07
注意看黑色箭头，共有21个步骤，按顺序操作下去 先打开Axure 新建一个矩形右键设为动态面板 复制多个新的面板 打开我们第一个面板 双击矩形打上我们想写的字 再打开面板2，3，4分别改成倒计时 将剩余面板的矩形换成自己喜欢的图片 8回到首页 9 设置2个按钮将按钮里的字改为开始与暂停 10 在开始按钮上设置动作 11选择第一个动态面板 12选择状态为Next并设置向后循环和循环间隔50...
2021-05-07 09:32:29
27
原创 2021-04-28
注意看黑色箭头，共有个步骤，按顺序操作下去先打开Axure RP 8 新建一个矩形右键设为动态面板3复制一个新的面板4打开我们新建的面板5把矩形给换成图片 图片可以放上自己喜欢的图片6 设置条件单击时7设置条件8设置移动9 设置动态面板设置状态为第2页向右翻转400毫秒10 禁用动态面板为了避免2次翻转11然后我们的翻牌完成了按下预览12单击矩形就可以翻牌了...
2021-04-28 18:37:27
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人