- 博客(21)
- 收藏
- 关注
原创 【无标题】UI布局
XAML布局元素 Grid:网格。可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。近似Html中的table。 DockPanel:泊靠式面板。内部元素可以选择泊靠的方向(上下左右),类似于Winform中设置控件的Dock属性。 StackPanel:栈式面板。可将包含的元素在水平或垂直方向排成一条线,当移除一个元素后,后面的元素会自动向前填充空缺。(菜单 栏) WrapPanel:自动折行面板(环绕面板)。内部元素在排满一行后能够自动折行,类似于Html中的流式布局。 Unif
2022-05-29 15:31:08 86
原创 控 件
一、控件是门面,控件有很多,最常用的有六种 1、布局控件:是可以容纳多个控件或者嵌套其他布局的控件,用于在UI上组织和 排列控件。Grid、StackPanel、DockPanel等控件都属此类,它们拥有共同的父 类为Panel。 2、内容控件:只能容纳一个控件或者布局控件作为他的内容。Window、Button等 控件属于此类,因为只能容纳一个控件作为其内容,所以经常借助布局控件来 规划其内容。它们的共同父类是ContentControl。 3、带标题内容控件:相当于一个内容控件,但是可
2022-05-18 15:45:54 1130
原创 【无标题】窗体属性
一、窗口的外观 WPF中默认窗口框架的外观,主要取决于Icon、Title、WindowStyle、ResizeMode等属性。 1、Icon 指定窗口的图标; 2、Title 指定窗口的标题; 3、WindowStyle指定窗口样式,有4个取值: None,无边框;(当ResizeMode属性为NoResize时,仅剩下窗口核心。) SingleBorderWindow,单边框【默认】; ThreeDBorderWindow,3D边框; T
2022-05-08 16:35:24 68
原创 用layui创建表格
1、首先我们设置好页面布局,如下图所示 然后我们就要利用jq和layui来创建的表单 我们再看看jq的部分 如阴影部分所示 1、首先我们要利用function给他创建一个点击事件,在最上面我们还给他定义了一个 var layer, layuiTable; var tabzy; 2、然后进行一个模块的加载 这里用到了table.render()的方法渲染 渲染表格的方法有3种{ 方法渲染 table.render():基
2022-04-28 16:29:12 686 1
原创 2021-10-28 雪花效果
首先我们创建一个新的HTML,然后引入俩个js的插件。 2、接着我们在style的标签里面设置body 和 a的样式。 3、我们先去看一下效果 5、接下来就开始写js代码 7、js代码写完以后我们就可以去网页查看效果了。 以上就是我的分享!请多多指教! ...
2021-10-28 15:34:34 94
原创 2021-10-18
1、首先我们创建一个新的HTML,然后在body里设置内容 2、接着我们就在style标签里设置样式 3、写完样式后我们就写js代码(一级菜单栏的导航条 var lis=document.getElementsByClassName("total1"); classList 类的列表 add() 向类的列表中添加一个新的类) 4、代码写完以后我们去网页查看效果。 点击下箭头就会出现下拉框 ...
2021-10-18 20:16:09 58
原创 小鸡 破壳
1、首先我们创建一个新的HTML,然后给他设置div 2、再给body设置样式 3、接着给图片设置样式 4、样式设置完以后我们去网页查看效果。 5、当鼠标没移上去时,图片会显示一个完整鸡蛋;当我们把鼠标移上去时,小鸡就会从鸡蛋里破壳出来。 以上就是我的分享!请多多指教! ...
2021-10-11 16:44:24 135
原创 2021-09-28
1、首先我们创建一个新的HTML,然后在body的标签里设置一个div标签 2、我们去看一下效果 3、然后再在body标签里设置4个span标签并分别给他们设置id,接着通过style标签来设置body和span的样式 4、我们再去网页上看一下效果 5、样式设置完后就开始写js代码(var now=new Date()表示截止时间; 再通过document.getElementById来设置定时器 一次性定时器;最后再通过setTimeout(co
2021-09-28 15:08:16 44
原创 图片爆炸效果
1、首先我们创建一个新的HTML, 2、我们去网页查看效果 3、接着就开始写js代码 代码写完以后我们去网页查看效果。 以上就是我的分享!请多多指教! ...
2021-09-19 16:42:21 65
原创 2021-09-08
首先我们创建一个新的HTML,然后引入一个jquery.min.js的插件和一个jquery.fireworks.js的插件。 2、接着在body标签里面设置div 3、然后在style标签里面设置css元素样式 5、接着就开始写js代码 7、代码写完以后我们去网页查看效果。 以上就是我的分享!请多多指教! ...
2021-09-08 10:43:34 52
原创 2021-08-29
首先我们创建一个新的HTML,然后引入一个css插件和三个js插件。 2、接着在body标签里面给页面布局 3、然后在style标签里面设置css元素样式 4、然后我们去网站上看一下效果 5、接着就开始写js代码($(".img-cont img").click(function() 图片点击 进入更多图片展示;var mySwiper = new Swiper('.swiper-container', 查看全部图片 滑动数字联动;onSlideChangeSt
2021-08-29 20:25:13 52
原创 滑动图片验证
首先我们创建一个新的HTML,然后在 script的标签里引入一个名为style的插件。 接着在body标签里面给页面布局,然后在css里面设置元素样式 框架完成后我们去网站看一下效果。 页面搭建好以后就来写js代码(<script type="text/javascript">是定义写js内容的标签,success:function表示成功的方法,console.log("show")控制台输出,fail: function...
2021-08-18 14:58:02 1142
原创 2021-06-28
1、首先我们在DW里创建一个新的HTML 2、接着在body标签里面创建一个div。然后在style标签里设置div的宽度和高度为100px,背景颜色为灰色,再给他设置一个定位。 先去网站看一下效果。 3、然后开始写js代码,先通过事件对象绑定元素(event=event||window.event;) 4、然后再通过event.keyCode来控制盒子的移动 event.keyCode 37 箭头向左...
2021-06-28 15:44:41 47
原创 2021-06-20
1、首先我们在DW里创建一个新的HTML,然后在body标签里面创建一个div。 2、接着在style标签里设置body的高度为500px,背景颜色为黑色。 3、然后我们就给div设置宽度、高度、外边距以及边框。 我们去网页查看一下效果! 4、接着就来设置背景颜色和动画(background-size:规定背景的尺寸可通过百分比,或像素去实现;repeating-linear-g...
2021-06-20 14:51:08 200
原创 2021-06-08
下拉出现导航 首先我们创建一个新的HTML,然后在 script的标签里引入一个名为jquery-3.3.1.min.js的插件。 2、接着就在body标签里创建一个叫box的div,并设置他的id为box,然后设置body的高度为1500px。 3、之后我们就设置box的样式,先设置宽度,高度和背景颜色,再给box设置anim...
2021-06-08 14:52:39 73
原创 2021-05-27
回到顶部 首先我们创建一个新的HTML,然后在 script的标签里引入一个叫jquery-3.3.1.min.js的插件。 2、接着在body的标签里设置一个div标签,并通过style标签设置div的高度为1440px ,然后在div的里面放两个div ,一个取名为box1 , 另一个为box2. 3、接下来就在...
2021-05-27 16:32:58 50
原创 2021-05-18
伪类过渡 双击打开DW,点击左上角的文件后选择新建,然后会出现一个选项框,找到文件类型下面的HTML,然后双击创建新的页面。 页面创建好之后在body标签里面新建一个div,然后给div设置基本的样式 我们先来看一下效果! 4、再给div设置一张图片,宽度设置20%,高度设置40...
2021-05-18 15:06:33 62
原创 2021-05-08
开发工具与关键技术:DW 作者:陈业竣 撰写时间:2021/5/8 首先我们创建一个新的HTML。 2、然后在body标签里设置一个名为bt的div,再在div里面放两个a标签,并设置它们的id。 3、然后在bt的下面创建一个名为Box的div,再在Box里面放一个ulli标签,并且给他们的class和id命名。 4、接下来我们设置css样式 ,先把ulli的内外边距和小圆点去掉 ,再设置Box的基本属...
2021-05-08 15:55:37 70
原创 2021-04-29
图片转动 双击打开DW,点击左上角的文件后选择新建,然会出现一个选项框,找到文件类型下面的HTML,然后双击创建新的页面 页面创建好之后在body标签里面新建一个名为box的div,然后再在box的div里面创建一个名为box1的div div创建好之后我们就给div设置基本的样式,然后再给box1设置一张图片 来看一下效果! 然后再给box设置animation属性(@keyframes 规定动画。animation...
2021-04-29 15:08:11 162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人