- 博客(31)
- 收藏
- 关注
RSS订阅原创 评分案例。
1.先把静态页面搭建好，我们用ul标签然后给一个类名，ul标签里面有五个li标签里面的五角星可以在输入法里面的输入五角星就可以输出空心的五角星了。3.设置好字体后设置li左浮动让五角星从左到右排列，然后因为ul标签是有序列表，我们要把前面的小圆点也去掉。鼠标移入，当前这个li标签设置为实心的五角星，它前面的li标签也要设置为实心的，后面的设置为空心的五角星。2.然后开始给五角星设置样式，我们把边距都设置为0px后再设置li标签的字体大小和颜色。然后是鼠标移入移出事件，鼠标移入显示高亮鼠标移出为空心。...
2022-08-18 14:41:28
234
原创 登录页面成功
2.然后开始搭建页面我们需要到的有登录页面名称，用户名文本框以及密码文本框，还有一个登录按钮，每个文本框用一个盒子包裹起来，然后label和input标签，我们现在只是写了一些大概的内容，完全还没有写CSS样式，然后呢，我们现在可以写样式，让页面显得更加美观。8.开始判断，判断如果用户名和密码为空点击登录就会弹出警示框（密码为空）、（用户名为空），如果输入的不是指定的用户名（root）和密码（123）那么就会验证提示登录失败。到用户名和密码的文本ID，.vlaue就是获取的登录信息里面的所有的内容。...
2022-08-07 19:08:35
2002
1
原创 按键盘改变背景色
5.然后封装一个方法，根据传递的参数值，改变div的背景色；随后表达式的值会与结构中的每个case的值做比较。4.链入jQuery代码链接，我们需要实现的效果是在页面中按下键盘上的键的时候，获取他的Unicode编码给body背景色；我们按下键盘改变背景颜色的时候里面的文字也是要改变的，然后获取到背景色里面的文字。6.案例完成，每个键盘字母都是代表一个数字，在我们按下键盘时背景颜色改变并和数字一起显示，没有写的点击就会显示查无此键。2.开始写背景的样式和标题以及背景里面内容的样式。...
2022-07-27 16:28:39
345
原创 按回车键显示修改效果
5.动态设置元素样式效果，在左侧填入元素样式属性值，按下回车键，设置右侧元素样式，链入链接，绑定键盘事件、if判断键盘码、获取属性值，这时没有任何效果，我们还要在script里面给box设置样式。1.新建文件后开始写静态页面，首先我们先把左右侧的html页面搭建好，这时页面比较凌乱不是我们需要的效果，我们就要用到style样式去设置某个标签的样式。以上就是我的分享，新手上道，请多多指教。2.通配符设置内外边距都为0，然后设置第一个div设置宽高、边框、外边距离居中，在设置只有两边的样式。...
2022-07-22 15:14:10
148
原创 animate滑动效果
以上就是我的分享，新手上道，请多多指教。4.滑动隐藏，方法跟滑动显示方法一样，给第二个按钮设置点击，点击第二个按钮div1里面的内容向上滑动隐藏文案，时间2000。6．Animate的滑动显示隐藏就做好了，点击按钮就可以显示隐藏，第三个使用animate方法一个按钮显示两种效果，点击按钮先隐藏再显示。5.设置animate效果，给第三个按钮设置点击，然后设置上下滑动效果，设置高度，点击按钮就会滑动隐藏显示，两个效果就实现了。2.静态页面搭建好，现在点击按钮没有任何效果，我们现在开始写它的效果。...
2022-07-22 14:59:16
609
原创 Ajax from表单
6.我们现在要把数据提交到控制器里面，让控制器处理一下然后再返回到视图，然后要多写一个方法来处理我们视图传过来的数据，getData声明3个变量，形参接收后再写一个字符串，stringstr=把三个字符串加起来就可以了，拼接好后返回。，然后把路径换了，然后我们写好数据就会提交到我们的方法里面，然后这个方法接收，接收完之后就会做一个字符串拼接，然后返回，首先输入好姓名，性别和地址然后点击提交表单就会返回一个字符串拼接我们是用post方式提交，get方式也可以提交。以上就是我的分享，新手上道，请多多指教。...
2022-07-22 14:38:48
375
原创 jQuery-权限操作
1.我们设置一个div，我们直接用css里面行内样式来设置div的样式，用style设置左外边距和上外边距然后背景色2.然后在div里面设置一个select标签，，写一个select标签里面再写5个option标签然后里面添加文字。multiple(设置多选)并且用css的行内样式设置select的宽高和浮动，再设置id名。3.然后再设置一个div，用style设置宽和左浮动，然后给div里面设置4个input按钮标签，并且行内样式设置按钮的宽和id名4.再一个select标签，然后multiple(设置多
2022-06-16 21:07:30
896
原创 十六进制随机颜色的引用说明
1.div设置ID名，设置ID的样式宽高以及背景色2然后script标签，var声明变量arr等于，十六进制也就是十六个数当然也不是随便给16个数0-9、a-f拼接起来组成随机颜色，然后还有的#号我们先用字符串包裹起来；3.我们可以用封装函数，函数名getColor(),然后for循环，循环6次(var I = 0; I < 6;i++)因为循环6次所以小于6次然后str+=arr[num]，然后先写一个随机整数parseInt(Math.random()*15+1)；乘以15+1就是1-15；然后返回值返
2022-06-07 10:52:53
224
原创 定时器的引用说明
1.首先我们把HTML已经设置好2．然后获取id，获取id后我们还要声明一个变量为var num=1;接着写一个封装函数，然后输出num值，打点计时器还要实现num++。3.通过开始按钮触发添加一个onclick=“play()”的一个点击事件4.使用递归的一个方法通过对自身的调用去实现类似于间隔定时器的效果，现在一个基本的开始效果已经出来了。5.接下来是暂停效果，然后我们再声明一个变量，再写一个封装函数为st.
2022-05-29 09:08:36
114
原创 定时器的引用说明
1.首先我们把HTML已经设置好2．然后获取id，获取id后我们还要声明一个变量为var num=1;接着写一个封装函数，然后输出num值，打点计时器还要实现num++。3.通过开始按钮触发添加一个onclick=“play()”的一个点击事件4.使用递归的一个方法通过对自身的调用去实现类似于间隔定时器的效果，现在一个基本的开始效果已经出来了。5.接下来是暂停效果，然后我们再声明一个变量，再写一个封装函数为stop的停止函数写一个clearTimeout(
2022-05-29 09:01:26
225
原创 简单计算器
1.首先我们先把文本框和下拉列表以及按钮写好并且添加id名，我们搭建好静态页面后用script标签去写它们的内部样式。2.function封装函数然后函数类名为add()的运算，然后再获取两个元素3.然后呢我们再获取下拉列表的时候呢后面要加value，不然获取不到我们需要获取的内容，并且再给button添加onclick=“add()”，然后用console.log控制台我们输出的是单个+ - * /的符号。4.接下来通过if判断option是一个什么样的值，因为我们
2022-05-17 16:36:57
116
原创 控制面板的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： vs作者：李滢滢撰写时间：2022/5/8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1.3个div，给大盒子设置样式，然后再给左边盒子设置右边框，现在大概的样式划分出来了 2.把div里面的文字和文本框.
2022-05-07 19:14:55
866
原创 Flex布局的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： DW作者：李滢滢撰写时间：2022/4/28~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1.div设置类为box，大盒子内三个span标签。2.引入style设置box样式，设置宽高以及背景色和圆角效果。.
2022-04-28 11:13:54
154
原创 【无手风琴的引用说明标题】
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： vs作者：李滢滢撰写时间：2022/4/18~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~建立文件夹修改标题后，div设置大盒子，再div里添加h3标题标签，使用ul li标签写入内容。2.再设置通配符
2022-04-24 08:34:54
1829
原创 显示隐藏的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： vs作者：李滢滢撰写时间：2022/4/8使用input标签加上button按钮再加个id名。 Div标签设置id名。2.div设置宽高和背景颜色。3.script用var变量获取2个按钮的id名。4.然后获取div标签中的id名，设置点击按钮、div显示和隐藏。
2022-04-24 08:11:16
3597
原创 高亮效果显示效果
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： DW作者：若依撰写时间：2021/11/18~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~建立文件夹修改标题后，div设置类名用a标签写入文字。2.通配符设置内边距20px，外边距0px,3
2021-11-17 09:16:11
349
原创 轴心旋转的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： vs作者：若依撰写时间：2021/11/8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~建立文件夹修改标题后，div设置类名链接图片。2.再设置通配符内外边距为0，使用div类名设置图片的宽高，定位和剧中效果。
2021-11-08 16:37:03
6956
原创 五环的引用说明
1．首先画五个圆，排列并填充颜色。2.使用对象中的扩展，扩展他们的描边，使线段变成面。3.选中全部图形用路径查找器里的分割，取消编组。4.再用选择工具选中填充相应的颜色就可以了。这是我所学到的PS引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔...
2021-10-28 15:19:59
67
原创 小钟案例引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：PS作者：李滢滢撰写时间：2021/10/18~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1．首先画两个一样的椭圆形和一个圆。2.然后拼起来后中间还会有个小空隙直接用椭圆形填补起来就好了。..
2021-10-18 19:09:31
5190
原创 数据扇形形状的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：PS作者：李滢滢撰写时间：2021/10/8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1．首先画两个不同的形状一个矩形和一个圆。2.然后把矩形切换为剪贴蒙版。3.最后移出自己想要的效...
2021-10-11 10:50:53
42
原创 旋转的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure作者：李滢滢撰写时间：2021/9/18首先打开Axure,在样式里找到背景颜色，并填充颜色#415C5C。 拉出小火箭和地球的图片，并摆放好位置。3.我们先设置地球的效果。4.我们选中小地球然后在属性中找到更多事件然后找到载入时点击旋转，然后勾选到当前元件（就是选中地球图片）并且设..
2021-09-28 09:11:27
4260
原创 幸运奖案例
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure作者：李滢滢撰写时间：2021/9/18~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1．首先打开Axure,拉出相应的素材，并把椭圆形和三角形合并。2.然后放在素材正中间位置并对他进行改变，点...
2021-09-19 09:13:16
36
原创 气泡导航栏
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure作者：李滢滢撰写时间：2021/9/8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~首先打开Axure,把拖出一个矩形，大矩形为宽645px，高61px,5个小矩形为宽129px，高61px。然后把小矩形全部选中设.
2021-09-07 16:31:34
181
原创 登录效果的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure作者：李滢滢撰写时间：2021/8/28~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1．首先打开Axure,把登录、QQ号、密码、黄色部分是使用的是文本框。2.然后把下面两个条形框...
2021-08-29 15:19:03
71
原创 别碰我小案例
别碰我案例的引用说明~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：Axure RP 8作者：李滢滢撰写时间：2021/8/181．首先打开Axure RP 8软件，菜单栏上有个文件点击下拉框会有个新建。2.然后下面有个选择全部。3.然后拉出一个矩形并填充颜色，在矩形里打出字体“别碰我”。...
2021-08-17 16:38:15
87
1
原创 画笔工具的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：PS作者：李滢滢撰写时间：2021/6/281．首先打开PS软件,然后新建一个画布，再然后找到画笔工具里面有很多不同的工具，各有各的用处。2.然后画笔可以在画布上绘画，如图所示：3.然后和画笔工具相对应的橡皮擦工具它是可以抹掉画笔在画布上绘画的纹理。画笔工具的快捷键是B,橡皮擦工具..
2021-06-27 14:40:57
53
原创 数据形状的引用说明
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：PS作者：李滢滢撰写时间：2021/6/181．首先画两个不同的形状一个矩形和一个圆添加描边。2.然后把矩形切换为剪贴蒙版。3.最后移出自己想要的效果就好了。...
2021-06-15 15:13:11
151
7
原创 2021-05-26
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： PS作者：李滢滢撰写时间：2021/5/28~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、首先，找到钢笔工具，然后绘制出整个图像并填充相应的颜色。二、然后再把身躯部分绘制出..
2021-05-26 09:06:51
41
原创 2021-05-17
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： AI作者：李滢滢撰写时间：2021/5/8~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~一、首先，绘制两个圆，分别用矩形条摆放好。二、全部将其选中使用实时上色工具添加颜色...
2021-05-17 09:56:01
23
原创 2021-05-07
一、首先，绘制三个大圆，其中把两个大圆合并。二、把两个大圆CTRL+E合并然后置于顶层，再减去顶层。三、然后把两个图层CTRL+E合并再至于顶层，然后排除重叠形状。四、最终得出结果。这是我所学到的PS引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！ 链接 发表平台...
2021-05-07 14:41:09
49
原创 2021-04-28
一首先，绘制两个大圆合并图层，然后再绘制六个小圆合并图层。二、把六个小圆合并在一起，设置顶层然后减去顶层。三、用矩形把下面的多余部分删除掉。 四，蝙蝠的身体与上面的大圆合并，然后置于顶层减去顶层五．把四个圆合并直接减去顶层。六、用矩形减去上面多余部分 七、然后...
2021-04-28 20:25:18
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人