- 博客(33)
- 收藏
- 关注
RSS订阅原创 jQuery中点击按钮创建表格
1、我们先说单个元素的创建，在一个div盒子里创建一个a标签，我们就需要先写入一个按钮和一个div盒子。如下图所示，要实现的功能就是点击按钮在盒子内创建一个表格。2、我们想要的功能需要通过jQuery来实现，所以先引入一个jQuery的插件，然后写一个script标签来写jQuery代码块。3、首先我们先写一个页面加载事件，在jQuery中的页面加载事件是一个$符号然后一个小括号，小括号里面写function。4、我们创建表格首先就需要先创建一个存储表格数据的数.
2022-05-16 08:07:34
1849
原创 jQuery中元素的创建
1、我们先说单个元素的创建，在一个div盒子里创建一个a标签，我们就需要先写入一个按钮和一个div盒子。如下图所示，要实现的功能就是点击按钮在盒子内创建一个a标签。2、我们想要的功能需要通过jQuery来实现，所以先引入一个jQuery的插件，然后写一个script标签来写jQuery代码块。3、首先我们先写一个页面加载事件，在jQuery中的页面加载事件是一个$符号然后一个小括号，小括号里面写function。4、页面加载完成后，要写的就是按钮点击事件，首先我们要先获取到按钮.
2022-05-07 14:38:14
5704
原创 动画的相关方法
1、首先我们先创建一个展示的盒子和显示隐藏的两个按钮，再分别给它们设置id，以便于后面实现效果的展示。2、使用jQuery来写的话，首先就必须得引入jQuery的插件进来，不然一切效果都不能显示出来，引入了jQuery插件就可以用jQuery的方法写script。3、首先，在script里面写一个页面加载事件，然后我们需要明确我们要做什么，点击第一个按钮显示盒子，点击第二个按钮隐藏盒子。4、我们动画的相关方法一共有三种方法，首先第一种就是show显示和hide隐藏，然后我..
2022-04-27 10:08:02
79
原创 正则表达式
1、正则表达式又可以叫做规则表达式，是由一定规则组成的式子。2、它的作用是用来匹配字符串的。3、正则表达式由元字符和限定符组成的。4、接下来就介绍一下什么是元字符，元字符有哪些呢？5、. 就英文状态下的句号，代表着除了空格以外的任意一个单个字符。6、[] 英文状态下的大括号表示范围。具体的在下图已经展示了。7、| 表示或者8、( )英文状态下的小括号表示分组，提升优先级，就跟我们常说的先算小括号里面的再算外面的意思差不多。9、接下来写一个简单的正则表达式，就知道上面所
2022-04-18 08:09:25
171
原创 内置对象-Math对象
1、内置对象分为object math date string array，除了object其他的几个都会讲解。2、Math对象里边首先讲的就是常用的圆周率（Math.PI），欧拉常数（Math.E）。3、还有一个常用的就是绝对值（Math.abs( )），绝对值的意思就是正数的绝对值是它本身，负数的绝对值就是没有减号的正数咯。4、一个数向上取整（Math.ceil）向下取整（Math.floor），即不管这个数的小数如何，要么向上取整一个数，要么向下取整一个数，不遵循四舍五入的
2022-04-10 08:05:49
212
原创 JavaScript对象
1、JavaScript对象编程思想：把生活中的做事经验融入到程序中，JavaScript是一门基于面向对象的语言，世间万物皆对象。2、对象是什么，对象是一种看得见摸得着特指某一事物。对象拥有属性和方法，接下来我们就看看如何创建对象。3、创建对象有三种方法，使用系统构造函数创建对象，使用字面量的方式创建对象，使用工厂模式创建对象。4、第一种系统构造函数创建对象，先实例化一个对象。5、设置对象属性的方法 对象.名字 = 值；6、设置对象的方法，对象.名字 = functio
2022-03-27 14:49:14
777
原创 距离劳动节还有...天
1、首先我们应该先获取到电脑系统标准时间，使用new Date获取当前时间。2、然后就依次获取当前年份，月份，日期，小时，分钟，秒数。现在获取年份使用time.getFullYear( )3、现在通过time.getmounth( )获取当前月份，但是通过控制台打印出来我们发现是2，因为它是从0开始数起的所以我们在打印时需要自己给它加上个1就行了。4、获取当前是这个月的多少日，使用time.getDate( )，然后通过控制台打印出来5、获取当前是几时，使用t
2022-03-19 13:02:40
465
原创 JavaScript基础1
1、首先，我们要先了解JavaScript是什么？2、JavaScript指脚本语言。一般有三种创建方式，一种是外部js，内部js，行内js。3、外部js的创建如下图，然后在body标签里面去使用script标签然后使用src这个属性去引入。优点：1、结构分离更清晰(较行内JS及内部js)。2、其他页面可复用 3、利于后期维护和修改4、行内js就是指在需要js的标签里面写上所需要的js代码。优点：非常的直观，直接作用于你写的元素缺点：1、结构分离不清晰(html/css/js
2022-03-08 15:37:22
503
原创 JavaScript简介
1、首先，JavaScript是什么呢？JavaScript 是 Web 的编程语言。2、为什么要学习JavaScript？JavaScript web 开发人员必须学习的 3 门语言中的一门：HTML定义了网页的内容、CSS描述了网页的布局、JavaScript网页的行为3、JavaScript实例1：首先我们写入一个button标签，在开始标签里面写入点击事件，onclick只是JavaScript众多事件中的一种，alert() 函数在 JavaScript 中并不常用，但它对于代码测试...
2022-02-21 10:27:33
284
原创 JavaScript style 样式
1、首先，我们先进入vs。打开文件夹（文件夹需要提前在桌面上新建好），然后新建一个html文档，改一下title为JavaScript style 样式。2、我们就先设置一个div，然后style样式设置div的样式属性。图二就是我们设置好的这个div的样式3、接下来我们运用script这个标签来设置js的内容，也就是要运用js改变我们用style设置的样式。4、我们要设置哪个内容就要先获取到哪个元素，正如这个我们要获取到那个div，我们就要通过获取div的id名
2022-02-21 10:14:39
7244
原创 网页换肤案例
1、首先，我们先进入vs。打开文件夹（文件夹需要提前在桌面上新建好），然后新建一个html文档，改一下title为网页换肤。2、下图是我们要做出来的整体效果图，接下来我们就先搭建好它的框架。3、在body标签里面第一步先放置一个id名为box的div将这个看做一个整体。然后在box里面放置五个span标签。4、在span标签里面设置行内样式，分别设置好它们的颜色。做到这一步我们可以发现现在打开浏览器是什么都没有的那是因为我们还没有给span标签设置宽高，接下来我们就去st
2022-02-06 10:16:57
412
原创 Bootstrap框架——栅格系统
1、首先，我们先进入vs。打开文件夹（文件夹需要提前在桌面上新建好），然后新建一个html文档，改一下title为Bootstrap框架。2、打开桌面新建的文件夹，在js里面放入bootstrap所需要的css和js。3、然后继续打开vs文件，去新建的html文件里边，用外部样式，引入bootstrap的css样式表。4、再在body标签里边，引入bootstrap的js文件，我们先引入这些的原因是因为为引入bootstrap的插件做好准备工作，不然到后面出现问题很麻烦。接下来我们就
2021-12-28 16:32:32
3701
1
原创 扑克牌的轴心旋转
1、首先，我们先进入DW里面新建一个html文档，改一下title为扑克牌的轴心旋转，在body里面写一个div命名为pkbox用于放置扑克图片，然后在里面放置img标签，引入两张红黑的扑克再复制成为六个。2、新建一个css文档命名为pk 然后返回html文档使用link标签引入css样式表。3、现在css样式表里面写上通配符，设置margin，padding值为0；现在的基本效果就是图二。（以下所有的图二都是我缩小了页面的效果）4、给类名为pkbox这个盒子设置
2021-11-17 08:39:32
497
原创 下拉菜单框
1、首先，我们先进入DW里面新建一个html文档，改一下title为下拉菜单。2、先给一个放全部内容的div盒子命名为menu。3、接着再给一个div命名为xlcd。用于放置一级菜单和二级菜单的内容。一级菜单用h3标签。4、在h3标签下面放置一个ul无序列表，里面放置三个li标签，内容分别为二级菜单1，二级菜单2，二级菜单3。接下来我们就设置style样式。5、我们先设置xlcd和ul标签的宽和背景颜色，xlcd的宽为200px 背景颜色设为红色。ul标签的宽
2021-11-07 15:38:15
1558
原创 轮播插件的导入（下）
1、我们上个内容已经把标题讲完，现在讲内容部分。2、先在类名为dtbm这个div里面放置一个类名为contentbox的div标签对，用于放置内容。3、在div标签对里面放置一个由ul li组成的无序列表。4、在li标签里写我们所需要的内容，这里我们需要五个li标签。、5、因为成功报名四个字颜色与其他字体颜色不一样，所以我们单独给它设置一个span标签。便于后面设置它的字体颜色。6、现在初始的效果就是 每一段内容前面都有一个小圆点，这是无序列表自带的效果，
2021-10-27 21:16:14
124
原创 轮播插件的导入（上）
1、今天，我们要做的是利用插件做文字向上滚动的轮播。如图：2、我们先CTRL+N新建一个HTML文档。命名为插件的导入。3、在body标签里面写一个div标签，类名为dtbm（动态报名的简写）。4、在类名为dtbm的div里面再写一个类名为title的div。（用于放置动态报名的标题）。5、在类名为title的div里面写上动态报名四个字，由我们的第一步可知题目下面是有两条横线的 其中那条短的横线我们就要用到i标签。6、接下来我们就需要设置样式，我
2021-10-17 08:41:27
89
原创 css样式属性
1、学习HTML首先就要知道标签的用法，其次就要知道css是什么？CSS 指层叠样式表 (CascadingStyleSheets )2、我们先CTRL+N新建一个HTML文档。命名为css样式属性。3、再新建一个css层叠样式表，命名为css样式。4、在HTML中，如何插入样式表？（1）外部样式：用link标签引入css层叠样式表。（一般是在<head></head>标签对里引入。）（2）内部样式：使用<style>...
2021-10-11 14:40:03
215
原创 标签简介1
1、学习HTML首先就要知道标签的用法，今天我们就先来简单的介绍一下。2、<div></div>常用作分类各个部分。3、HTML 标题（Heading）是通过<h1> - <h6>标签来定义的。<h1>表示主标题（ the main heading ），<h2>表示二级子标题（ subheadings ），<h3>表示三级子标题（ sub-subheadings ），<h4>、<h...
2021-09-27 08:12:55
246
原创 Tab选项卡
1、首先，打开DW CTRL+N新建一个HTML文档。2、在body标签对里面写上一个div标签对，类名设置为cont。3、在div标签里，放置ul标签对，再在ul标签对里放置li标签对然后加上所需要的文字。我在这里放了五个li标签。4、在类名为cont这个div标签对里面再放置一个类名为tab-box的div，然后给一个id名为box。5、再在类名为tab-box的div标签对里放一个table标签对，也就是表格。然后放置tr标签对，再在tr标签对里放置td标签对。
2021-09-15 09:17:27
201
原创 设置浮动及清除浮动
首先，打开DW CTRL+N新建一个HTML文档。在body标签对里面写上一个div标签对，再在div标签对里面放两对div标签，分别命名为div1 div2。接下来，我们在head标签对里面放一个style样式标签/或者ctrl+n新建一个css样式表。下面我们就来分别设置div1 和 div2的样式吧。先给div1设置width宽、高为200px，background-color背景颜色为red 红色。再给div2设置width 宽、height高 为200px...
2021-09-06 14:38:01
840
原创 行内元素与块级元素之间的区别及转化
注意看红色箭头，共有7个步骤，按顺序操作下去1、首先，我们先来了解一下什么是行内元素什么是块级元素。2、我们先讲行内元素。行内元素就是水平方向上一行一行的堆叠起来的。意思就是说他们在同一行不在同一列，如下图：3、接下来就讲块级元素。块级元素就是在垂直方向上堆叠起来的。意思就是说他们在同一列不在同一行如下图：4、我们一起来看看他们的区别效果图：这是第2个区别：块级元素内可以放置行内元素及其他块级元素，相反行内元素不能放置块级元素但可以放置其他行内元素...
2021-08-24 10:17:57
663
原创 下拉列表框
下面是我学Axure时的一个基础操作：共19个步骤。1.首先先按照下图内容，拉出四个下拉列表框，分别在上面标写名称。2.先编辑省，双击对应的下拉列表框，点击编辑多项，打上四川省、广东省即可（也可自行选择）然后勾选四川省为默认选项。3.框选市和市级下拉列表框右击转换为动态面板（这样做的目的是为了编辑两个省的市级，不转换为动态面板则只能编辑一个省的市）。4.双击动态面板，然后复制两个面板state1改名为四川-市，state2改名为广东-市，然后点进了四川-市 双击下拉列
2021-06-27 10:23:51
568
原创 地球火箭旋转
下面是我学Axure时的一个基础操作：共4个步骤。首先先按照下图内容，填充背景颜色，拉出有地球、火箭的图片。然后点击地球，先设置旋转时，旋转角度360度，线性速度为5000.不能太慢也不能太快，速度比火箭慢即可。（设置好之后，就把这个复制之后粘贴到载入时。）点击火箭图片，然后点击旋转时，设置旋转度数都是跟地球一样，速度比地球快，但是需要特别注意的是 这里有一个锚点偏移，这里x设置200，y设置100即可。(也可根据自己来稍作调整）然后把设置的复制粘贴到载入时。这样就做...
2021-06-17 09:54:28
218
原创 启用、禁用的做法
下面是我学Axure时做的一个小案例：“别碰我”。共5个步骤，注意看红色部分。首先，在元件库中拉出一个矩形到操作面板里，设置矩形大小为180pxX180px，添加颜色为#00FFFF。双击矩形内部，改变文字为“别碰我”字体大小为28px，字体颜色为“#666666”。选中矩形，设置交互事件（鼠标单击时，移动，设置x点击fx然后选择函数）。设置y就跟设置x一样的，都是同一个函数。然后设置动画为线性，时间为500毫秒。一个简单的“别碰我”就做好啦！...
2021-06-07 09:58:08
73
原创 启用、禁用的做法
下面是我学Axure时做的一个小案例：启用、禁用。共9个步骤，注意看红色部分。1.首先，在元件库中拉出一个矩形到操作面板里，设置矩形大小为471X72PX，设置圆角度数为19。2.拉出一个文本框，设置大小为369X58PX。3.在元件库里边找一个清空按钮设置大小为21X21PX，然后勾选隐藏。4.拉出一个矩形然后双击改变文字，文字大小为28px。5.拉出一个垂直线，高为48。6.点击文本框设置交互样式，设置状态改变时，编辑条件，（如下...
2021-05-26 16:24:01
298
原创 小僵尸的做法
下面是我学Axure时做的一个小案例：小僵尸。共15个步骤，注意看红色部分。1.首先，在元件库中拉出一个矩形到操作面板里，设置矩形大小为200X67px，复制一个相同的矩形。2.选中第一个矩形点击样式去掉矩形下边框，第二个矩形只留下边框。3.再拉出一个矩形设置宽高为400X333PX，去掉上边框。4.拉出一个图片双击换图片，设置大小为150X150PX，然后复制粘贴4个双击换图片。5.选中全部，单击鼠标右键弹出框，选择转换为动态面板。...
2021-05-17 19:24:04
141
原创 百度导航的做法
1.首先，在元件库中拉出一个主要按钮到操作面板里，双击矩形内部改变文字。2.拉出一个文本框。3.拉出一个矩形，设置矩形圆角度数为15，选中矩形和文本框编组（ctrl+G）。4.拉出一个中继器，在中继器里写上多个姓名，再勾选隐藏。5.选中百度按钮，点击鼠标单击时，点击添加筛选，勾选中继器，点击fx。6.点击fx弹出框，点击添加局部变量，选择元件文字，选择文本框。点击插入变量或函数，点击确定。7.点击显示隐藏，勾选中继器，勾选显...
2021-05-07 10:16:25
224
原创 2021-05-07
1.首先，在元件库中拉出一个手机模型到操作面板里。2.拉出一个矩形，添加颜色（#FFCCC）。3.设置矩形圆角度数为35，双击矩形内部，添加文字（文字大小为20PX）。4.按住鼠标左键和ctrl键复制粘贴矩形，双击矩形内部改变文字内容。5.拉出图片，设置宽高为320 X 426，双击图片内部选择图片。6.选中图片点击鼠标右键弹出一个框，再点击转换动态面板。7.双击动态面板弹出框，点击复制面板（复制两个面板即可），点击确认。...
2021-05-07 09:03:15
91
原创 2021-04-29
1.首先，在元件库中拉出一个矩形到操作面板里，设置矩形大小为200X70px。2.按住鼠标左键和ctrl键拖动复制多个矩形。3.选中全部矩形，去掉边框。4.选中全部矩形，添加颜色（#FFCCC）5.拉出180X50px的矩形，设置圆角度数，添加颜色（#99FFF）6.再拉出200X70px的矩形，去掉边框和颜色，作用是：固定水泡位置。7.给矩形和水泡编组，为更好的实现效果。8.选中矩形（项目一），设置交互事件。9.点击鼠标移入时，移动，选择组合
2021-04-29 10:13:09
67
原创 PS渐变自行车的做法
（1）新建画布，用矩形工具绘制一个与画布一样大小的矩形。添加灰色，用滤镜里的添加杂色工具添加10%的杂色。 (2)两个车轮和中间的链条轮用椭圆工具绘制一个椭圆。颜色用到了角度渐变，是黑色与黑色的透明度渐变 透明度为：100到0。 （3）这个轮廓是矩形工具绘制了一个矩形然后用到了斜切，加了一个黑色到黑色（降低透明度）的线性渐变。后面的轮廓是一样的道理。 （4）这两个车把手是由圆角矩形工具绘制出来的加了一个黑色到黑色（降低透明度）的线性渐变。 （5）整体效...
2021-04-28 17:02:31
228
空空如也
数据库的日期格式转化为字符串模式在前端页面正常显示
2022-11-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人