- 博客(13)
- 收藏
- 关注
RSS订阅原创 突出展开案例
注意看，共有6个步骤，按顺序操作下去1.首先我们要先把HTML的格式写好。首先我们需要一个大的div来包裹我们所需要的HTML的代码；在div里面写一个ul标签；然后在ul标签里面写6个li标签；在每个li标签里面分别写1一个a标签；再a标签里面分别再个写一个img标签；参考图如下：2.这是还没有设置CSS样式的布局；效果图如下：3.接下来我们分别给div/li/img一些CSS样式！（我们CSS样式主要设置浏览器的背景颜色和div的大小以及布局）参考图如下：4.这是我们设置完.
2022-05-07 15:30:58
261
原创 “聊天框”
注意看，共有5个步骤，按顺序操作下去1.首先我们要先把HTML的格式写好，首先我们需要一个大一点的div来包裹我们所需要的HTML的内容；在第一个div标签里面我们再写第二个div；再第二个div标签里面再写第三第四个div，再第三第四的div标签里面分别写一个span标签；接下来我们在第二个div标签的外面再写一个div标签；在div标签里面写一个select标签；在select里面写两个option标签；在select外面在写两个input标签；参考图如下：2.接下来我们分别给div/se.
2022-04-26 11:20:13
125
原创 滑动选项卡
注意看，共有5个步骤，按顺序操作下去1.首先我们需要一个ul标签,在ul标签里面写10个li标签，再写一个span标签，参考图如下：2.接下来我们分别给ul/li/span一些CSS样式！参考图如下：3.我们在sript里面，我们放入一个1.12.2的插件（学习版的），参考图如下：4.接下来我们设置jQuery，参考图如下：5.在谷歌浏览器打开，效果图如下：...
2022-04-18 09:10:26
607
原创 “表单验证”
1.首先我们需要一个div盒子，在div盒子里面再给它一个ul标签，再ul标签里面我们再给它一个label标签，再label的后面再给它一个input标签，再input的标签后面再给它一个span标签，从label标签到span标签我们需要四行，参考图如下：2.接下来我们分别给div一些CSS样式！参考图如下：3.我们在javasript里面，我们先获取元素，参考图如下：4.接下来我们设置正则表达式，参考图如下：5.判断您输入的内容是否正确；参考图如下：6....
2022-04-06 09:10:51
270
原创 自动跳转百度到页面
1.先把我们的HTML的格式写好！然后写一个div，在div里面写一个section标签，在section里面写一个span的标签，再section后面写一个footer标签，再footer里面写一个button标签，写好之后我们给div起一个class名叫box，给span标签起一个id名叫time，给button起一个type名叫button，参考图如下：2.接下来们分别给div.span一些CSS样式！参考图如下：3.到了JavaScript的时候，我们要设置一个倒计时的定时器，.
2022-03-27 11:09:42
1066
原创 “图片切换”
注意看，共有5个步骤，按顺序操作下去1.先把我们的HTML的格式写好！然后写一个div，在div里面写三个span标签，写好之后我们给div起一个id名叫box，接下来在div后面用img标签导入三张图片（自己喜欢什么图片就导入什么图片）！参考图如下：2.接下来我们给span和图片一些CSS样式！参考图如下：3.到了JavaScript的时候，我们先获取box的子（就是我们给div起的id名字），参考图如下：4.接下来我们把三张图片都给隐藏起来，考图如下：5.JavaScript的全部代码，考.
2022-03-17 16:40:00
612
原创 时间~秒表
注意看，共有5个步骤，按顺序操作下去1.先把我们的HTML的格式写好！我们需要一个开始的按钮和一个暂停的按钮和一个span的标签！我们就写在body里面！参考图如下：2.接下来我们给span一些CSS样式！参考图如下：3.到了JavaScript的时候，我们先获取日期对象，参考图如下：4.接下来我们给按钮设置函数；在设置函数的时候也不要忘了给两个按钮设置点击事件！参考图如下：5.好了之后我们在谷歌浏览器打开，效果图如下：...
2022-03-08 15:34:43
482
原创 蚂蚁系统案例2【无标题】
1.我们把文件夹拖到Visual Studio Code里面后，在左边有我们之前在文件夹里面新建的多个新建名称，（1）选中html后(注意左边的箭头，箭头向下就是选中了，箭头向左就是没有选中)（2）点击新建，（3）给新建的文件命名（命名只能英文，不能中文或拼音），记住命名好了之后，后面要加上(.html)要说明我们要新建的文档是html!...
2021-12-09 14:38:25
380
原创 【无标题】
1.在做蚂蚁案例之前我们先把一些准备工作先做好，首先我们先在桌面新建一个文件夹，随便给文件夹命名为蚂蚁系统案例！2.打开文件夹，在文件夹里面再新建五个新的文件夹，五个文件夹分别命名为（html/css/js/images/plugins/)!3.去吧蚂蚁系统案例所需要的图片复制过来，放在images里面！4.再把蚂蚁系统案例所需要的插件也复制过来，放在plugins里面，5.把我们新建的文件夹直接拖到Visual Studio Code里面！（是桌面的文件夹哦！）...
2021-12-09 09:03:01
510
原创 1.首先我们要在做案例前，先把工作做好，在桌面的空白处，鼠标右键，新建文件夹，
2.新建好之后，给文件夹命名为（蚂蚁网页系统案例），3.打开文件夹，4.在里面再新建五个文件夹分别命名为（html\css\js\images/plugins)!5.再去把我们需要的图片复制过来放在images里面！6.把我们需要的插件放到plugins里面！...
2021-12-05 20:14:18
53
原创 2021-05-17
如何用移动工具做色泡导航（上）注意看红色箭头，共有14个步骤，按顺序操作下去1.我们进入Axur时，在左边找到矩形1，然后拖到主页面2.然后将矩形的长宽调整一下，长54，宽146，颜色填充黑色，（记得给矩形去掉边框）3.选中矩形，按住Ctrl键，配合鼠标复制矩形（先复制5个就好）选中所有矩形给他们水平分布一下。4.双击矩形给矩形打上字体，字体大小（18），字体颜色（白色）5.在左边再拖一个矩形，在矩形的左上角有一个小三角形，把鼠标移到小三角形中...
2021-05-17 10:24:50
38
原创 2021-05-08
注意看红色箭头，共有18个步骤，按顺序操作下去1.我们进入Axur时，在左边找到动态面板，然后拖到主页面2.然后双击两下动态面板，双击State1,进入新的页面3.双击State1进入主页面后，在左边找到矩形1，把矩形拖到左上角的蓝色方框里，（拖完后一定要和蓝色方框的大小对齐）4.给矩形填充颜色5.点击None给矩形去掉边框6.双击矩形给矩形写上文字，在矩形上面有可以调整字体大小的按钮（大小自己调）7.回到主页面双击动态...
2021-05-08 08:27:10
48
原创 2021-04-28
1.但我们进入Axur时，在左边找到图片，然后拖到主页面2.然后双击两下图片换成自己喜欢的图片（尺寸自己设置）然后鼠标右键找到转换为动态面板（D）好了之后，双击图片单击State1（点击1下就行）,然后点击复制（小书）（可以多复制几个）选择图片后，在右边双击载入时， 进入后点击设置面板状态 选中文件8.在右边有个小三角形，点击三角形选择Next9.选中向后循环10.再选中循环间隔11.点击选择向左滑动(向那滑动自己选择)12.好了之后，点击右上.
2021-04-28 17:10:27
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人