自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 原生JS实现 轮播效果

<div id="playImages" class="play"> <ul class="big_pic"> <div class="prev"></div> <div class="next"></div&

2018-06-29 10:39:21 229

原创 基于原生JS的柱状图

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body{background-color: #c0c0c0;} .figure{width:900px;height: 500px;margin: 0 auto;padding: 30px 0;...

2018-06-27 14:55:05 1573

原创 jQuery 手风琴特效

<div class="container"> <div class="container_box"> <div class="box_2"> <ul> <li class="li1" id="li1"&a

2018-06-27 14:49:58 226

原创 基于原生JS的定时器

<h1> 定时器</h1><input id="btn1" type="button" value="开始计时"/><input id="btn2" type="button" value="结束计时"/><p id="p2"&a

2018-06-19 14:26:10 1043

原创 基于原生JS的电子时钟

<h1>电子时钟</h1><p id="p1"></p>function toDate(n){ if(n<10){ return '0'+n; }else{ return ''+n; } }; window.onload = fun...

2018-06-19 14:24:06 2704

原创 CSS3圆角

border-radius:     值:         border-top-left-radius   左上角的弧度         border-top-right-radius  右上角的弧度         border-bottom-left-radius  左下角的弧度         border-bottom-right-radius 右下角的弧度事例:

2018-01-22 13:57:20 341

原创 CSS3渐变(Graadients)

CSS3 渐变可以让你在两个或者多个指定的颜色之间显示平稳的过渡。之前必须使用图像来实现这些效果。但是通过CSS3渐变,可以减少下载的事件和带宽的使用。此外,渐变效果的元素放大时看效果更好,因为渐变是由浏览器生成的。CSS3定义了两种类型的渐变:线性渐变(Linear Gradients) - 向上/向下/向左/向右/对角方向径向渐变(Radial Gradients) -

2018-01-17 13:02:57 644

转载 CSS3背景

background-imageCSS3中可以通过background-image属性添加背景图片。不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。CSS3 允许你在元素上添加多个背景图像。#example1 { background: url(img_flwr.gif) right bottom no-repeat,

2018-01-16 16:13:21 226

原创 CSS3:text-shadow属性

1.text-shadow1.属性:text-shadow: h-shadow v-shadow blur color;    h-shadow:必需,水平阴影位置,允许有负值;(其值为正值向右偏移,其值为负值,向左偏移)    v-shadow:必需,垂直阴影位置,允许有负值;(其值为正值向下偏移,其值为负值,向上偏移)    blur:可选,模糊距离;(其值指的是阴影的模糊

2018-01-15 17:04:40 3361

原创 原生JS实现的二级目录(DOM)

HTML代码:div class="DropDownLeft"> div id ="container" >请选择div> div id ="content"> ul> li id="contentList1">健康li> li id="contentList2">教育li> li id="c

2018-01-11 15:01:38 2195

空空如也

空空如也

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

TA关注的人

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