前端
陆桂超
这个作者很懒,什么都没留下…
展开
-
用float对元素布局
用float对元素布局开发工具:Dw 技术:HTML5、css作者:陆桂超撰写时间:2019年 1 月 18 日1、 下面我们用float来实现一些元素的页面布局,在这里会遇到一个小问题,下图是要实现的效果。2、 按照常规的做法,给p标签分别设置左浮动和右浮动。3、 把HTML代码写好后,这时我们发现绿色的div没有显示出来,通过检查可以发现绿色的div是存在的,只是被p标...原创 2019-01-19 20:42:26 · 284 阅读 · 0 评论 -
Flex弹性布局页面
开发工具:DW 技术:HTML5、css作者:陆桂超撰写时间:2019年 1 月 19 日下面我们使用Flex来布局下图所示的页面,如果没有使有Flex弹性布局,则很难达到换行和文字 剧中的效果。1、类名box是最外层的一个容器,里面放置6个小的div。2、给box设置flex,并设置flex-wrap:wrap使得box里面的6个div项目有换行的效果。3、给box里面的d...原创 2019-01-20 08:31:48 · 444 阅读 · 0 评论 -
通过js改变div的样式
开发工具与关键技术:DW 、 js作者:陆桂超撰写时间:2019年1月26日下面我们通过js改变div的样式,我要实现的功能是通过js改变div的宽度、高度、和背景颜色。1、点击设置,便会弹出遮罩层。2、在遮罩层上面标记了想要设置的样式,通过点击上面的数值,div就会发生改变。3、遮罩层的布局如下图代码。4、功能的实现是由下面的js代码完成。...原创 2019-01-26 16:44:19 · 7838 阅读 · 0 评论 -
用css画猪头
开发工具与关键技术:DW 、css作者:陆桂超撰写时间:2019年 1 月 31 日1、下面我使用css画一个猪头,里面主要是用到border-radio属性。猪鼻子设置了div放大与缩小的动画效果,看起来就像正在呼吸。备注:这里由于是静态图片,所以看不到效果。2、HTML的代码如下。3、css部分的代码3、猪鼻子动画效果的代码...原创 2019-01-31 15:44:55 · 746 阅读 · 0 评论 -
for循环的基本使用
开发工具与关键技术:DW、 js作者:陆桂超撰写时间:2019年 2 月 21日For循环是js中常用的语句,下面我通过for循环语句找出3的倍数。这里我用的是余数运算符,如果想要实现其他效果,只需把运算符改变就可以了。1、 代码如下,首先声明一个变量i,i=0为语句一,i<10为语句二,i++为语句三。在if语句开始前首先执行代码块1,然后执行if语句,再到语句二,最后到语句三。...原创 2019-02-21 20:39:21 · 316 阅读 · 0 评论 -
Js改变字体大小
开发工具与关键技术:DW 、 js 作者:陆桂超撰写时间:2019年 2 月 9 日下面我通过js改变页面字体的大小1、 首先把HTML写好2、下面是js部分的代码,var sise = 15是声明字体初始大小为15px,这里我设置鼠标点击一下字体放大或缩小1px,sise++。如果想要改变变化的像素可以这样写sise = sise + 具体数字;另外,font-sise要改为fo...原创 2019-02-11 09:30:44 · 17086 阅读 · 0 评论 -
页面加载动画
开发工具与关键技术:DW CSS 作者:陆桂超撰写时间:2019年 2 月 18 日下面我通过CSS的@keyframes写一个加载动画1、 首先把HTML布局好1、 下面是css样式部分的代码3、下面是加载动画的代码4、最后就可以得到下图所示的加载动画了,该动画的效果是三个小球向中间聚合和向外扩散。...原创 2019-02-19 15:22:30 · 474 阅读 · 0 评论 -
三目运算之数字大小排序
开发工具与关键技术:DW 、js作者:陆桂超撰写时间:2019年 2 月 20 日通过三目运算法则,输入三个数字就可以找出最大或者最小的数字了1、 代码如下,prompt()是用来获取用户输入的值。2、 当我们刷新页面就会弹出如下提示框,我们只需要输入具体数值,然后点击确定。3、 当把三个数字填完,输出界面就会输出最大值...原创 2019-02-20 18:08:56 · 1235 阅读 · 0 评论 -
数据库的单表查询
开发工具与关键技术:SQL Server作者:陆桂超撰写时间:2019年4月3日下面我用数据库的查询方法对数据的单表查询,这里我以一张用户表来做示范。该表有如下5个字段。(1)查询整张表所有用户的数据从注释中可以看出,该语句的意思是从用户表中查询出所有数据,这条查询语句是没有加查询条件的,我们看看加了查询条件的语句(2)查询用户id等于1的用户的数据Where就是查询条件,该...原创 2019-04-03 22:42:40 · 414 阅读 · 0 评论