- 博客(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
284
原创 基于原生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
1644
原创 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
260
原创 基于原生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
1098
原创 基于原生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
2744
原创 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
374
原创 CSS3渐变(Graadients)
CSS3 渐变可以让你在两个或者多个指定的颜色之间显示平稳的过渡。之前必须使用图像来实现这些效果。但是通过CSS3渐变,可以减少下载的事件和带宽的使用。此外,渐变效果的元素放大时看效果更好,因为渐变是由浏览器生成的。CSS3定义了两种类型的渐变:线性渐变(Linear Gradients) - 向上/向下/向左/向右/对角方向径向渐变(Radial Gradients) -
2018-01-17 13:02:57
712
转载 CSS3背景
background-imageCSS3中可以通过background-image属性添加背景图片。不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。CSS3 允许你在元素上添加多个背景图像。#example1 { background: url(img_flwr.gif) right bottom no-repeat,
2018-01-16 16:13:21
255
原创 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
3476
原创 原生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
2267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人