自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 【无标题】属性

1

2022-06-19 16:47:17 93

原创 【无标题】基本控件

1

2022-06-08 15:55:39 104

原创 【无标题】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关注的人

提示
确定要删除当前文章?
取消 删除