自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js简单的返回顶部

1、一般这种都伴随着浏览器离开顶部后出现回到顶部的div,然后点击div回到顶部,然后判断你的页面处于浏览器顶部,隐藏你的回到顶部按钮,需要去判断你的浏览器是否位于顶部csdn的回到顶部按钮2、我实现的思路比较简单,写一个透明的,高度只有1像素的div放在最顶上,让js判断浏览器窗口的高度是否大于div的高度,大于就显示你的回到顶部,小于就隐藏3、写一个用来回滚到顶部的按钮,设置样式并固定它在你想要固定的高度上(浏览器窗口)4、写一个div撑开浏览器高度(页面原来够高出现滚动条忽略这个)5、js部分,先获取

2022-06-20 20:06:32 6177

原创 css引入字体

1、如果是下载的字体文件,直接能使用的就不需要转换,如果是TTF格式则需要转换成eot、svg、wpff,这里提供一个网站Font Squirrel | Create Your Own @font-face Kits,进行文字转换2、这里我用系统的文字来演示,打开C盘,找到windows下的Fonts文件夹,这是系统的字体文件,随便找一个你需要的,拖出来3、拿第一个FB来示范,点进去会有两个,一个细体一个粗体,用细体进行演示4、将文字拖到桌面,进入网站,点击Upload Fonts上传你的文件,BASIC为

2022-06-09 10:04:11 8684 1

原创 js更改div样式

1、先创建一个容器用于存放按钮2、给这些按钮写一个标题3、添加按钮(更改元素宽、高、背景颜色、边框大小)4、给div设置样式,居中,看下效果5、 继续完善按钮(包括边框类型选择、边框颜色、边框弧度以及应用按钮)6、给不同等长度的按钮设置好长度,让其看起来更加美观7、写一个用于接受更改的div,并设置其样式8、获取各个选项框9、原理是获取选项框的内容来更改元素的style10、直接更改选项框和背景颜色即可更改div了;这.

2022-05-29 15:05:49 3835

原创 js获取系统时间

1、写一个装时间的span2、给页面写一个加载事件3、给span写一个id用于获取它4、给加载事件写js5、声明一个时间6、声明年月日,天数、小时、分钟、秒(这里注意,月份在js内从零开始计算,从十一结束,所以需要加一)7、给时间赋值8、将获取到的时间生成到span标签用于显示(刷新是500毫秒也就是半秒一次,一秒一次会造成与系统时间不同步)9、最后需要写一个定时器,用于执行刷新系统时间(加载事件)10、效果...

2022-05-18 15:02:44 2489

原创 jQuery贼简单的选项卡切换

1、写个ul,放仨li2、目前在浏览器里是这样3、我们写点样式,先把ul和li默认样式去了,然后把ul稍微布局一下4、让它们横过来,将第一个一个写成选中的状态5、引入jQuery6、获取第一个“某某项目”,给予点击事件7、给当前的li写好样式,直接去掉其余两个的样式(暴力又简单的做法)8、复制黏贴改第二个9、如法炮制第三个10、完成...

2022-05-08 20:03:55 1119

原创 jQuery两种动画切换

1、首先写一个你需要给予效果的div2、给它写一个样式3、写两个按钮用来实现两种效果4、引入jQuery5、使用选择器选择到第一个按钮,给予点击事件6、获取到“donhua”div,给予第一种动画slideToggle7、复制黏贴,将按钮选择改为第二个按钮,并删除第一种动画8、这次我们使用animate9、toggle在这里为更改高度的初始值和最小值,即切换高度从初始到零,从零到初始,后面的2000为动画时间10、两种效果完成..

2022-05-07 10:34:28 745

原创 div链接跳转

1、先建立一个div2、给div写个id,直接写个go吧,再写个class,就叫go1吧3、给它里面写个你要跳转的网址名称4、给它设置个样式,弄个黑色背景什么的5、然后把字体调成白色,文字居中6、这是目前这个div的样子7、接着给div写js,先来个windows加载事件8、获取到那个div9、给它写个点击事件10、添加跳转,完成...

2022-04-20 15:04:37 5898 2

原创 一次性定时器

1、打个demo2、给它写个提示3、添加时间显示框4、添加计时按钮5、添加停止按钮6、添加script标签,写上windows加载事件7、获取计时按钮8、获取停止按钮9、声明一个时间10、判断当前是否计数11、开始计时12、停止计时13、将计算的时间给到显示框14、实现计时和停止...

2022-04-10 19:37:28 406

原创 使用随机数值改变元素背景颜色

1、先将默认样式去掉,并创建一个div2、给div写一个最基础的样式3、添加一个按钮,并且给按钮写上id名4、给它设置样式5、给按钮写点内容6、先给按钮写个点击事件7、获取到div8、给rgb随机数值9、将随机值给到div的背景10、点击按钮即可随机到颜色...

2022-03-29 15:03:53 631

原创 If语句计算器

1、创建一个存放你加减乘除以及输入内容原始的容器2、给加减乘除的select加上名字以及类名(我用的id,诸位随意)3、给你的第一个input指定类型以及加上id名(这个input用来输入最前面一位数)4、按照意图给你的第二个输入内容框以及输出结果框分别指定类型和命名(我命名一直都很随意)5、然后给你的计算按钮写好类名,我比较懒,直接把点击事件放在标签里了6、你打开是这样的,要是你想给它美化一下用css给你的内容改变一下样式就好了,反正我懒得写了7、js部

2022-03-20 20:35:25 1679

原创 Js类型转换

1、强制类型转换(1) 指的是将一个数据类型强制转换为其他的数据类型(2) 类型转换主要指,将其他的数据类型转换为String Number Boolean2、将其他的数据类型转换为String类型(1) 方法一:Number Boolean调用被转换数据类型的toString()方法,该方法不会影响原变量,它会将转换的结果返回注意:null和undefined这两个值没有toString()方法,如果调用该方法程序会报错(2) 方法二:调用String()函数,并将被转换的

2022-03-08 09:13:56 224

原创 Js数据类型

1、数据类型就是字面量的类型2、在JS中一共有7中数据类型:ES5+ES6(1) String 字符串(2) Number 数值(3) Boolean 布尔值 true/false(4) Null 空值 null(5) Undifined 未定义 undifined(6) Object 对象(7) Symbol3、其中基本数据类型:String Number Boolean Null Undifined Symbol4、引用数据类型:Object

2022-03-08 08:41:33 117

原创 Flex布局

1、我们知道当并列书写多个div标签,它们会纵向向下排位,如果我们想将多个div并列成一排,就得借助position,float,或display属性,这便是传统的盒模型做法。2、而flex布局则是一种新的布局方案,通过为修改父div的display属性,让父元素成为一个flex容器,从而可以自由的操作容器中子元素(项目)的排列方式。例如我们让多个div横向排列,传统做法是使用浮动,但浮空后因为脱离文档流的缘故,父元素会失去高度,这又涉及了清除浮动等一系列的问题。而flex布局相对简单很多,

2021-12-19 15:53:12 827

原创 div内部内容超出滚动

1、首先我们需要来看看这个效果,能看见内容是可以滚动的2、然后新建一个空的html3、我们写入一个空白的div,并给它一个类4、接着在标题标签下写一个内联样式,并将默认的一些样式去掉(个人喜好,可以不去,不影响)5、给div写一个样式,让它居中在页面上,并写个边框给它6、效果如下7、接着给div里面插入一个ul标签,ul标签里面再插入一个li,li用来写你的内容8、给所有li标签设置一个样式和背景颜色9、效果如下,可以看见它们跑

2021-12-08 15:04:13 1951

原创 两种列表高亮

1、列表高亮即标题或某行内容在鼠标移入后改变其背景颜色达到高亮效果;css和js都能实现效果;首先先实现css的高亮效果,我们Ctrl+N新建一个文件,选择为HTML2、默认是没有框架的,我们将输入法切换为英文,打一个感叹号,然后回车即可3、写一个ul,里面放入li。li写你需要高亮的内容4、我们给ul写一个类,接着在标题标签下写一个内联样式5、我们需要使用元素选择器选中ul里面的所有li标签,选中后我们给所有li标签一个伪

2021-11-28 08:03:33 1343

原创 HTML字符实体

1、空格: 名称   实体编号: 2、小于号: 名称 < 实体编号:<3、大于号: 名称 > 实体编号:>4、和号: 名称 & 实体编号:&5、引号: 名称 " 实体编号:"6、撇号: 名称 ' (IE不支持) 实体编号:'7、分: 名称 &am...

2021-11-17 09:49:12 1201

原创 html表单元件

1、表单元件由form标签进行定义2、文本域 3、用户可以在文本域中写入文本4、密码域5、单配合文本域就可以写出登录输入密码的效果6、单选框7、只能选取一个的效果8、当然也可以做成复选框9、效果如下10、最后还有一个按钮11、最终效果如下...

2021-11-08 08:39:18 175

原创 HTML的表格单元

1、老样子,新建2、表格是由<table>标签来定义的3、每个表格有很多行,行由<tr>标签定义4、单元格由<td>标签进行定义5、单元格内即是内容6、表头由<th>标签定义,应在<td>之前7、可以看到这个表格没有边框,我们可以设置一个<border>属性来设置边框,首先是万年不变的,先给div写一个类,这里就直接用common..

2021-10-28 10:33:17 1798

原创 css动画过渡属性

1、创建一个HTML2、先写一个div3、这里用内部样式4、给这个div写一个类,名字随意5、样式选到刚刚的类6、给div写一个宽高,以及背景颜色7、我们需要知道伪类赋予鼠标的效果8、我们先给div写过渡动画并设置动画效果、时间9、然后写鼠标移动至div后div的大小10、效果如下,当鼠标移动至div后div会变成上一条所写的大小...

2021-10-18 11:28:13 281

原创 html的a标签

1、首先创建一个a标签2、在里面输入你要的内容3、它在网页上面的默认显示是这样的4、接着写一个内部样式,并使用选择器选到a标签,这里的link表示的是未访问连接5、接着给它写一个颜色,然后将下划线去掉6、现在它在网页上就是这样的了7、但是,在浏览过后的链接会变成这个颜色8、我们再用选择器选择到a标签,这里的visited是访问后的链接9、然后我们再将访问后的链接颜色改成蓝色10、浏览过后就是蓝色的了...

2021-10-11 08:54:55 3409

原创 css浮动效果

1、首先给页面写入一个div2、给一个类名3、style用类选择器选择到它 4、给这个div写一个宽度5、然后是高度6、写背景颜色7、设置float;left8、如此再写一个div9、设置浮动,这次是float:right10、效果如下,两个div已经脱离原先的文档流,所以可以并排显示...

2021-09-28 08:18:19 1888

原创 css做居中面板

1首先创建一个html2、接着写个div进去3、给div一个类4、写一个内部样式5、选择器选择刚刚给的类名6、给它写个宽度7、再写个高度8、给个背景颜色9、外边距设置为auto10、预览效果...

2021-09-16 11:00:03 1075

原创 css样式写三角形

1、首先给页面写入一个div2、写一个内部样式标签3、给div写一个id(类也行,写多个同样三角形就用类) 4、style选择这个id5、写一个边框,边框大小随意6、给边框一个实线7、给边框设置一个颜色,要三角形向上就给下面写颜色(向下面就是给上面写,左右也一样,反着来)8、剩下的三个边设置成透明色,默认顺序是上右下左,所以我们按照这个方向来写9、最后不要忘记设置浮动,向左或右随意10、F12预览...

2021-09-08 14:38:45 638

原创 DW简单介绍

1、DW是用来写HTML的一种开发工具,格式如下2、浏览器的作用就是读取你写的HTML文档,并以网页的形式显示出它们,浏览器不会显示HTML标签,而是使用标签来解释内容3、标签通常成对出现,比如<b>和</b> 4、HTML之间的文本描述网页5、body之间是可见的页面内容6、HTML的标题通过<h1>-<h6>等标签进行定义的7、HTML段落是通过<p>标签进行定义的8、HTML链接是通过&

2021-08-26 15:12:01 4484

原创 Axure内联框架插视频

1、首先,我们需要在桌面建立一个文件夹2、在这个文件夹里面放上你需要插入内联框架的视频3、打开Axure4、拖出一个内联框架5、双击内联框架6、点击链接到url或文件7、切回你刚刚新建放视频的文件夹,单击这个位置8、复制这个路径9、回到Axure的内联框架,把它复制在url,英文输入法状态下末尾放置“\”,回去,把视频名字(后缀一起)复制,粘贴到url末尾,点击确定10、点击发布,选择生成HTML文件11、先点击不打开,

2021-06-27 10:55:18 6538

原创 Axure做单选框

1、首先我们打开Axure2、找到单选框3、然后我们拖出来并复制一个4、第一个命名为“左”5、第二个命名为“右”6、将“左”单选框的文字改为“是”7、将“右”单选框的文字改为“否”8、给“左”单选框设置一个组,打个“1”好了9在“右”单选框按钮那直接找到刚刚设置的“1”10、F5预览,单选的效果就出来了这是我所学到的Axure做单选框,希望可以帮助到你们。以上就是我的分享,新手上道,请多多指教。如果有更好的方法或

2021-06-16 15:08:27 2450

原创 Axure实现水平拖动

1.打开Axurerp8,在左侧元件库将动态面板拉入画布中2. 调节大小3.再拉入一个矩形4. 调整和动态面板一样的大小5. 单击鼠标右键,将矩形转化为动态面板。6.选中矩形(不要选中动态面板)7.双击拖动时。8.点击移动,勾选“动态面板”9.将移动改为“水平拖动”,点击确定10.F5预览,拖动灰色矩形即可水平拖动这是我所学到的Axure实现水平拖动,希望可以帮助到你们。以上就是我的分享,新手上道,请多多指教。如果有

2021-06-08 09:23:06 3072

原创 axure交互动作

1、新建一个文本框、一个矩形和两个图标样式并命名(叉对应清除)2、根据自己需求,更改“搜索”图标尺寸和不透明度3、还有“清除”图标的尺寸和不透明度4、设置文本框的提示文字内容为“搜索”并隐藏边框5、将它们与矩形一起组合成“搜索框控件(不要忘记隐藏“叉”)6、下面就是文本框的清除文字效果进行设置,首先设置文本框的“文本改变时”,条件1:当元件文字长度不等于0时7、显示“叉”

2021-05-27 08:57:06 1307

原创 Axure制作进度条

1、首先创建一个空白页面,在工作区域拖入相关元件元素2、然后对第一个矩形进行设置,包括名称、样式等,这个是进度条的背景3、再对第二个矩形进行设置,包括样式等,这个是进度条4、然后将第二个矩形转换为动态页面,并对其进行命名5、将两个矩形放置同一个位置6、下面开始对交互事件进行设置了,我们只需要在页面载入的时候加即可,首先是页面载入时让进度条的宽度为1,就是进度的百分...

2021-05-17 19:21:10 4904 1

原创 Axure设置图片旋转交互

首先拖一个图片:2、导入你想要旋转的图片:3、选定图片,选择属性-鼠标单击时:4、设置旋转,勾选当前元件,设置角度,这里选择45度:5、设置好后,图片上会出现交互标志:6、点击预览,或者按F5快速预览:7、

2021-05-08 09:41:12 2950

原创 Axure旋转原件或图片

1、首先我们打开软件,在原件库中选择图片元件:2、把原件拖入到画布中,并选中原件:3、选中原件后按住键盘“ctrl”键,在原件上方就能看到旋转图标,这里需要注意要把,鼠标移动到原件节点上才会出现旋转图标:4、除了这种方法,我们也可以在右上角样式中在旋转输入框中输入角度旋转:...

2021-05-08 08:52:02 4341 1

原创 PS制作红色拟物化时钟icon图标

PS制作红色拟物化时钟icon图标效果图:主要过程:一:时钟外壳框处理新建一个尺寸800*600像素,分辨率72的画布。 用现状圆角矩形工具绘制一个380*380像素的圆角矩形,圆角参数值100,填充线性渐变颜色。3、为它添加图层样式,具体

2021-05-07 09:24:49 1033

原创 Axure固定图片在浏览器上的位置

固定图片在浏览器上的位置1新建黑色矩形,将其转换为动态模板,命名为背景 2选择背景动态面板—属性,将其固定于浏览器想要的位置(本例固定于右侧,具体固定位置可按需求更改) 3新建动态面板,命名为个人中心 4编辑个人中心动态面板状态,初始、移入 5编辑初始状态,新建黑色背景矩形(颜色视背景颜色而...

2021-04-29 09:36:15 2641

js获取当前屏幕实时逻辑像素

js写的简单计算设备当前的逻辑像素

2022-09-20

空空如也

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

TA关注的人

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