- 博客(14)
- 收藏
- 关注
RSS订阅原创 楼层式的主页
天气冷了，做做广播体操~ 第三套广播体操--时代在召唤做完了，回到正文上先上效果图，有图有真相我只是做了个简单的demo，漂亮的样式自己去设计，毕竟我只是敲代码的html部分<!--导航条 --> <div class="nav"> <ul> <li class="active"><span>1</spa
2017-11-22 11:33:24
388
原创 选项卡
样式有点丑，将就看( ˘ ³˘)♥ ( ˘ ³˘) ，重要的是效果直接上代码（简单粗暴）css.tab-contain{ margin: 50px auto; width: 800px; padding:100px; background: #9D9D9D;}.tabs { overflow: hidden; margin: 0; paddi
2017-11-09 16:46:01
297
原创 echarts2.0版和3.0版
echarts2.0是这样的图标 3.0是这样的图标 版本不一样，自然有些demo就不能用，比如说这样的 在做项目的时候甲方非要这样效果的，我们用的又是3.0版的，然后改改改，死活改不了这样效果的，最后才知道2.0的某些效果3.0取消了，然后项目就成了2.0和3.0的混合体 我能怎么办，我也很无奈呀（此处应有表情包） 2.0和3.0 引入的文件不一样，基友们做项目的时候细心点2.0
2017-11-08 10:55:03
6399
6
原创 美化单选框
老规矩，先上图第一种： 第二种： 上面两种长得差不多，但是是用两种方式实现的第一种：通过修改css实现html<div> <input type="radio" class="rdo" name="sex" checked style=""> <label class="rdo-text">男</label> <input type="radio" class="rd
2017-11-01 16:47:56
1307
原创 图片自动轮播（仿淘宝？？）
先上效果图（给美宅疯狂打call~） 是不是你们要找的效果，是的话就继续往下看hahaha上重点（敲黑板）！！！ js <script> $(function () { var containli=$('.contain > li');/*获取背景图的li标签*/ var index=containli.index();/*获取显示
2017-10-31 16:05:55
1442
原创 图片内的超链接
点击一张图片内的不同位置，跳转HTML<img src="img/big.jpg" width="400" height="400" usemap="#aaa"> <map name="aaa"> <area shape="rect" coords="0,0,110,110" target="_blank" href="#"> <ar
2017-10-30 15:15:07
421
原创 Echarts 点击地图区域弹出框
点击地图里面的区域，弹出信息html 准备两个容器，一个装地图，一个装弹出框<!-- 地图 --> <div id="map" style="height: 600px;width: 600px;"></div> <!-- 弹出框 --> <div id="box" > <span id="box-title"></span>
2017-10-27 11:48:23
21229
4
原创 更换Echarts的主体颜色
官网上下载主题颜色的js文件(dark.js为例) 并在html里引用dark.js文件<script src="js/dark.js" type="text/javascript" charset="utf-8"></script>打开dark.js，找到图片的位置 然后添加在图形的js文件中var myChart = echarts.init(document.getElementById(
2017-10-26 17:26:19
10717
原创 Echarts工具栏（自定义按钮）
myEcharts.jsvar myChart = echarts.init(document.getElementById('main'));var option = { title : { text: '某地区蒸发量和降水量', subtext: '纯属虚构' }, tooltip : { trigger: 'axis'
2017-10-26 15:40:18
24893
2
原创 引入ECharts（柱状图）
myEcharts.js var myChart = echarts.init(document.getElementById('main'));var option = { title : { text: '某地区蒸发量和降水量', subtext: '纯属虚构' }, tooltip : { trigger: 'axis
2017-10-26 14:44:30
1281
原创 下拉菜单（垂直）
css<style> .icon{ width: 15px; height: 15px; } .one{ background-color: burlywood; } .two{
2017-10-26 10:13:11
1418
1
原创 导航条伸缩
css.box{ width: 100%; height: 50px; background-color:gray; z-index: 9999; } ul{ list-style: none; float: left;
2017-10-26 09:28:48
434
原创 下拉菜单(横向)
css#nav{ background-color:gray ; /*菜单的背景色*/ width: 500px; height: 50px; margin: 0 auto; /*上下为0，左右自动*/ } ul{list-style: none;}/*不带圆点*/
2017-10-25 14:29:42
3872
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人