自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JQuery动画效果

show显示隐藏的匹配元素。这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。 speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"fn:在动

2022-05-07 14:37:10 175

原创 jQuery 遍历

jQuery 遍历jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。<div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先。<ul> 元素是 <li> 元素的父元素

2022-04-21 15:33:49 183

原创 js对象。

1. 元素的获取:如需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。2. JavaScript的事件绑定:当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交 HTML 表单时 当用户触发按键时onload 和 onunload 事件会在用户进入或离开页面时被触发。onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。on

2022-03-30 09:34:12 975

原创 Js日期对象

1.日期对象用于处理日期和时间。2.使用 Date() 方法获得当日的日期。代码<script type="text/javascript">document.write(Date())</script>获取当日的日期3. getTime() 可以获取从 1970 年 1 月 1 日至今的毫秒数。<script type="text/javascript">var d=new Date();document.write("从 1

2022-03-20 19:53:52 611

原创 js运算事件

1.首先我们ctrl+N,新建一个HTML文档2.我们设置五个div,输入文字,给第四个div类名3.然后,设置div的样式4.写input标签和select标签,设置id名5. 写input标签和button标签,设置id名6.设置input和select的样式7.给button按钮设置点击事件,获取数字1和数字2的id8.设置if判断,最后将值输出在最后的input标签上9.最后点击浏览器预览...

2021-12-16 15:35:04 199

原创 用js改变网页的背景颜色

1.首先我们ctrl+N,新建一个HTML文档2.我们给body标签设置id,给div设置类名3.然后,输入文字,给p标签设置id4.style标签写内部样式,用通配符*设置内外边距为0px5.类名为bk的div宽高,背景颜色,边框,外边距6.设置h4左浮动和边距7.设置p标签的颜色8. 用var = document.getElementById("");获取body标签和p标签的id9. 给p标签,设置点击事件,获取

2021-12-08 14:41:51 3184

原创 滑动图片验证

1.首先我们ctrl+N,新建一个HTML文档2.我们再新建一个css文件和一个js文件3.然后,用link标签和script标签引入,刚刚新建的外部文件4.然后,我们再写下页面布局元素5.设置背景图片和定位6.我们再设置btn和title的样式7.设置div的样式8.9.10.最后,预览就行了...

2021-11-29 09:19:51 177

原创 下拉菜单。

1.首先,先新建一个HTML文档2.我们再写一个div,给它一个类名3.再设置h表签和ul标签和li标签4.然后,在复制两个5.再写个<style></style>标签引入css样式6.先设置内边距和外边距为0像素7.再设置div和ul表签的样式8.设置动画的过渡效果:transition: height 3s ease-in;9.设置li表签的行高为30px10.最后设置鼠标移入li标签的效果...

2021-11-17 16:23:28 60

原创 用DW制作手风琴

1.首先我们打开DW,新建一个HTML文档,在新建一个css样式文档2.然后,用link表签引入刚刚新建的css样式文档3.再给一个div,设置类名4. 然后,我们设置a标签,在设置em标签,在a标签和em标签里输入文字5.然后在单独设置几个em标签的背景颜色6.然后,我们设置类名为kb的div的样式,设置宽高7. 我们设置类名为kb的div的a标签的样式8.然后,我们在设置x轴的移动,和动画过度属性:transform: translateX(110px

2021-11-08 09:30:41 168

原创 css框模型

1.CSS 框模型规定了元素框处理元素内容、内边距、边框、外边距 的方式。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素2.内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行,也可以使用通用选择器对所有元素进行设置3.元素的内边距在边框和内容

2021-10-28 15:15:59 147

原创 JavaScript语言

1.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body>标签 和 <head> 中,在 HTML 页面中插入 JavaScript,要使用 <script> 标签2. JavaScript 通常用于操作 HTML 元素如国要从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id)的 方法。使用 "id" 属性来标

2021-10-18 15:25:36 49

原创 Css选择器

1.最常见的 CSS 选择器是元素选择器。文档的元素就是最基本的选择器。如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,甚至可以是html本身2.类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也可以与其他元素结合使用。3. 在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。为了将类选择器的样式与元素关联,必须将 class 指定为一个适当的值。4.属性选择器可以根据元素的属性及属性值来选择元素如果希望选择有某个属性的元素,而不论属

2021-10-11 16:03:09 92

原创 如何制作简单的轮播

1.首先,我们打开DW,新建一个HTML,CSS,还有一个JS文件。我们把它们保存到同一个文件夹下,再用link标签引入css样式文件到新建的HTML文件里。2.然后,再给它一个<div>,给他一个类,设置类名为container。然后,再给一个用来放图片的div,给它一个类,设置类名为list。3.之后我们用img标签引入图片。4.然后,再给它一个<div>,给他一个类,设置类名为buttons,再写底部按钮和左右箭头。5.之后,我们再设置第一.

2021-09-27 19:01:02 5005 3

原创 如何使用HTML制作tab选项卡

共有10个步骤1.首现我们进入DW2.我们新建一个html文档,在新建一个css样式文件,将它们放入同一文件夹下。用link标签将css外部样式文件引入HTML文档3.之后我们给它一个div,设置类名为“bk”,再给5个li标签,给第一个li标签设置一个类4.然后,我们进入css样式,用通配符*来设置内外边距,在去掉li标签前面自带的圆点,再设置div的宽高5.再设置li标签的样式,再给我们之前单独设置类的li标签单独设置样式6.我们再给一个div,设置类名.

2021-09-16 09:33:21 3857

原创 如何使用HTML设置浮动

共有10个步骤首先打开DW软件,进入2.之后新建一个文档3.首现,创建两个div4.然后,在给它设置class属性5.然后在通过class设置css样式6.设置宽度和高度7.在设置背景颜色8.设置悬浮div的样式,设置绝对定位9. 设置悬浮div的位置,需要用到top和left10.最后在浏览器打开预览...

2021-09-08 14:47:04 2039 1

原创 HMTL标签的使用

1.首先我们进入DW2.进入之后在文件里面新建一个HTML文档3.什么是HTML?HMTL是超文本标记语言,“超文本”指页面内可以包含图片,链接,甚至音乐。程序等非文字元素.超文本标记语言结构包括“头”部分 和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。4.HTML标签的组成:HTML标签由开始标签和结束标签组成,开始标签是被括号包围的元素名,结束标签是被括号包围的斜杠和元素名。5.HTML标题标签是通过 <h1> - <.

2021-08-29 10:33:45 867

原创 如何用Axure制作验证码登录

一共有10有步骤,按顺序操作下去1.在元件库中找到两个矩形拖出,调整为合适大小,在第一个矩形输入文字2.然后,将矩形多复制两个,从左边拖一个文本框3.然后,给文本框去掉边框,输入提示文字4.然后,给文本框设置交互动作,给它添加条件,如果元件文字长度不等于11,则会禁用矩形5. 然后,给右边的取消按钮设置,鼠标单击时清处文本框里的文字6.然后,给下方的验证码按钮设置禁用,并添加命令7. 然后,从左边拖出一个动态面板8. 然后,给它添加命令,设立条件

2021-06-27 15:44:32 1524

原创 如何用AXURE制作元件禁用

一共有10个步骤,按顺序操作下去1.我们进入Axure时,在左边找到元件库2.然后从左边拖一个矩形,输录文字3.然后,在元件库里找到文本框和取消按钮,并隐藏文本框的边框4.然后,从左边拖一个矩形,添加颜色,去掉边框,改变成圆角矩形,输录文字5.然后, 我们选择文本框给它添加交互用例6. 然后,我们选择文本框获取焦点时,选中外面的矩形,失去焦点时取消选中7.然后,我们选中那个按钮,隐藏,并设置鼠标单击时,删除文本框里的文字8.然后,给矩形设置选中时的..

2021-06-17 16:44:10 613

原创 如何用AXURE制作简单的轮播

一共有10个步骤,按顺序操作下去1.我们进入Axure时,在左边找到元件库2.然后从左边拖一个动态面版,然后添加面版状态3.然后,我们打开面版State1、State2、State3,分别放录图片4.然后,然后从左边拖三个椭圆形,添加颜色,去掉边框,调整大小,给它们编一个组5.然后添加交互样式6.然后,在添加两个箭头,编个组7.然后,我们为动态面版添加命令8.然后,我们给三个圆添加命令9.之后,给箭头添加命令10.之后点击...

2021-06-08 16:43:26 133

原创 如何用AXURE制作简单的QQ登录

一共有11个步骤,按顺序操作下去1.我们进入Axure时,在左边找到元件库2.然后从左边拖两个三级标题,输录文字3.然后,我们再拖两个文本框,给第一个文本框添加提示文字,将文本框的类型设为Text,将隐藏提示文字的触发条件设为输录文本时4.然后,给第二个文本框添加提示文字,将文本框的类型设为密码,将隐藏提示文字的触发条件设为输录文本时5.然后,我们再拖一个矩形,给它去掉边框,添加颜色,之后找到样式给它添加阴影6.然后再拖两个三级标题,给它输录文字 ...

2021-05-27 16:06:02 1139

原创 如何用AXURE制作简单的时间设置

一共有10个步骤,按顺序操作下去1.我们进入Axure时,在左边找到图片2.然后从左边拖一个图片元件到主页面,给它去掉边框3.然后,我们将矩形复制一个,在右上角调整它的宽和高,找到右下角给它们添加阴影,将阴影的不透明度设为35%4.好了之后,拉三个文本框,去掉边框,左右两边的文本框输录00,中间的打上:(冒号)5.然后,在元件库里搜索三角形,将三角形拖进面版,去掉边框,填充为黑色。倒过来的三角形可以通过选中三角形,在按住Ctrl健就可以旋转元件了6.选中第..

2021-05-18 16:10:25 1862

原创 如何用AXURE制作推动效果

一共有5个步骤,按顺序操作下去1.我们先从右边拖一个图片,导录图片2.拖两个三级标题,输录文字,并影藏一个3.给他们添加命令,要设成推动元件4.弄一段文字,并影藏5.最后点击预览就好了...

2021-05-09 09:29:55 313

原创 如何导录AXURE的元件库

一共有4个步骤,按顺序操作下去1.首先进录AXURE,找到元件库,点击右上角2.点击载录元件库3.之后在文件夹里找到你想要的元件库,选择并打开4.打开之后就可以看到你导录的元件库了...

2021-05-09 09:20:14 831

原创 2021-05-09

一共有4个步骤,按顺序操作下去1.首先进录AXURE,找到元件库,点击右上角2.点击载录元件库3.之后在文件夹里找到你想要的元件库,选择并打开4.打开之后就可以看到你导录的元件库了...

2021-05-09 09:17:41 35

原创 如何用AXURE制作简单的幻灯片播放

一共有9个步骤,按顺序操作下去1.我们进入Axure时,在左边找到图片2.然后从左边拖一个图片元件到主页面,双击图片元件打开文件,导录图片3.然后右健找到最下面,点击转换为动态面版4.好了之后,双击动态面板,鼠标单击左上角的加号,添加面版状态5.然后,双击进去依次给它们导录图片6.进入后在托按钮,打上文字7.好了以后,点击第一个按钮,点击右边添加用例的鼠标单击时,设置面版状态,状态设为Next,进录动画设为逐渐,时间500毫秒8. 然...

2021-05-09 08:45:13 587

原创 如何用AXURE制作QQ登录

一共有8个步骤,按顺序操作下去1.我们进入Axure时,在左边找到图片2.然后从左边托一个矩形到主页面,为它添加阴影3.然后从左边托俩个三级标题,打上文字4.好了之后,在托俩个文本框,鼠标单击文本框在右边给它输录提示文字5.然后,在托一个矩形,改变成圆角矩形,加文字和渐变色6.进入后在托俩个复选框,打上文字7.然后,在托一个矩形,隐藏8. 然后,在添加命令,设立条件8. 好了之后,点击右上角预览,就好了...

2021-04-29 09:25:12 1269

原创 2021-04-29

注意看红色箭头,共有8个步骤,按顺序操作下去1.但我们进入Axure时,在左边找到图片2.然后从左边托一个矩形到主页面,为它添加阴影3.然后从左边托俩个三级标题,打上文字4.好了之后,在托俩个文本框,鼠标单击文本框在右边给它输录提示文字5.然后,在托一个矩形,改变成圆角矩形,加文字和渐变色6.进入后在托俩个复选框,打上文字7. 好了之后,点击右上角预览,就好了!...

2021-04-29 08:32:39 30

原创 2021-04-28

注意看红色箭头,共有12个步骤,按顺序操作下去但我们进入Axur时,在左边找到图片,然后拖到主页面 然后双击两下图片换成自己喜欢的图片(尺寸自己设置)然后鼠标右键找到转换为动态面板(D)好了之后,双击图片单击State1(点击1下就行),然后点击复制(小书)(可以多复制几个)选择图片后,在右边双击载入时, 进入后点击设置面板状态 选中文件8.在右边有个小三角形,点击三角形选择Next9.选中向后循环10.再选中循环间隔11.点击选择向左滑动(向那滑动自.

2021-04-28 16:48:09 29

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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