- 博客(375)
- 收藏
- 关注
原创 Echarts折线图
js:var myChart = echarts.init(document.getElementById('fold_line'));option = { title: { text: '', subtext: '危险行为次数:10次',// left: 'right', top:'-13px', right:'4%', ...
2018-08-24 14:33:09 748
转载 Echarts 实现动态地图
<html lang="en"><head><meta charset="utf-8"><title>地图分布动画特效</title><style> *{ margin: 0; padding: 0; }</style></head
2018-08-24 11:17:21 7519
原创 地图皮肤切换(高德)
说到地图,可以调用高德的接口。api:http://lbs.amap.com/api/javascript-api/gettingstarted<!--图表,下面7行和皮肤切换无关--><script type="text/javascript" src="js/colnum.js" defer="defer"></script> <s
2018-08-24 11:12:02 2224
原创 NetBeans无法运行的可能错误
首先,1,配置文件 D:\My-work\ruanjian\Environment\iAMP_WORK\variable\configdown下来这个文件后,先看配置文件的名字和本地的名字是否一致,环境变量:2,检查jar包是否下载好了,可以手动导入。可以手动导入,也可以放到C盘C:\Users\xryc\.m2\repository\org\ap...
2018-08-24 10:59:44 9214
原创 不同图标切换时候高亮
var lib = $(".libg"); var imgurl = $(lib).find('img').attr('src'); var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1); var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 1); var url =
2017-12-28 17:43:42 974
原创 click事件,同一位置切换两个图标
1,可能最简单的就是toggle,但是这个属性只有是jquery.1.8.1.js才可以用,右局限性。2,用click实现:点一下显示下拉内容,再点一下消失 $('.vdts-left-bottom .select').click(function() { var statebox = $('.optionbox').css('display'); if(statebox
2017-12-28 17:23:12 1775
原创 css实现渐变色,从做到右,从上到下
1,从左到右的渐变色:background:#74F195; background:-webkit-linear-gradient(left,#74F195,#C8FF9A); background:-o-linear-gradient(right,#74F195,#C8FF9A); background:-moz-linear-gradient(right,#74F195,#C8FF9
2017-12-28 17:05:44 32757 2
原创 highcharts实现实时动态的折线面积图
首先去highcharts官网下载highcharts.js1,HTML Document #container { background: transparent !important; fill: transparent !important; } . highcharts-backgro
2017-12-08 15:59:47 1263
原创 左侧菜单切换后小图标跟随变化成选中的图标
不同的图标,切换时候变化:我给左侧灰色图标起名XX,鼠标选中后变白的图标相对应的叫:hua_XX$(function() { //左侧 var lib = $(".libg"); var imgurl = $(lib).find('img').attr('src'); var str1 = imgurl.substring(0, imgurl.last
2017-12-08 15:41:33 921
翻译 遮罩层模糊(毛玻璃)
HTML: JS Bin 皮尤研究中心对各国居民是否支持自由市场经济(Free Market Economy)的调查显示,国民对对市场经济支持度最高的国家多数并非拥有完善市场经济体制。许多还在市场经济道路上探索的国家例如中国、越南、孟加拉等国对自由市场的热情远高于传统的资本主义堡垒——美英等国家。这些热情拥抱市场经济的国家又普遍经历了从国家主导的计划经济到市场经济的转变
2017-12-08 14:21:20 6556
原创 超出规定范围出现省略号...
width:150px;/*要显示文字的宽度*/overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */
2017-12-08 14:17:34 230
原创 桌面系统(web前端)jQuery制作Web桌面系统界面类似WebQQ桌面布局
源码不是我写的,但是我在基础上修改了一些内容。可参考,http://www.xwcms.net/webAnnexImages/fileAnnex/20140220/82693/index.htmljQuery制作Web桌面系统界面类似WebQQ桌面布局js有些修改。左边是图标,双击可弹出弹框,弹框之间可进行切换,弹框可缩小放大,右下角的小图标内容是缩略图。
2017-12-08 14:05:12 7399
转载 HTML 提高页面加载速度的方法
(1)减少 HTTP 的请求。(合并资源文件 和 使用图片精灵 ;(2)把CSS 放头部,把 JavaScript 放到 body 标签尾部;(3)定义图片的宽和高;(4)定义字符集;(5)避免空的 src 和 href 属性, html里这样写:?1ahref="javascript:;"class="tri
2017-03-21 17:23:08 2878
原创 canvas写仪表盘
electricity.html 电压电流表 #meter_canvas1, #meter_canvas2, #meter_canvas3, #meter_canvas4, #meter_canvas5, #meter_canvas6{ background:url('img/hui.png
2017-03-14 18:36:36 3799 2
原创 easyUI的可编辑树
用户管理 /*1级*/ .easyui-tree > li > div { width: 100%; height: 36px; background-color: rgba(14,156,245,0.4);
2017-03-14 18:04:56 630
转载 JetBrains激活(Active)---webStrom激活
来源于:http://blog.csdn.net/xx1710/article/details/51725012选择 License server (2016.6.21更新)http://121.42.190.89:1025 (2016.7.28更新)http://idea.qinxi1992.cn/(2016.8.11更新)http://114.215.133.
2017-02-07 10:48:38 748 1
原创 让canvas的高度自适应
html: js:$(function () { var winH = $(window).height(); $(".musicbg .colnumbg .item1 .canvas").height(winH * 187 / 6
2016-12-23 16:37:21 3480
转载 CSS DIV高度不确定如何设置高度
CSS DIV高度不确定如何设置高度,是否需要加上height:auto属性?在CSS布局中,常常最外层的DIV盒子不能确定具体的height高度值,不确定内容是否可多可少而不能确定父级盒子究竟设置多高。此时一般新手喜欢设置个height:auto(高度自适应)样式。这里DIVCSS5可以告诉大家,一般最外层的DIV盒子,或不确定内容(子级)占用多高时,此时对此父级DIV不需要设置heig
2016-12-21 15:18:45 1190
原创 jquery控制超出2行写省略号
$(function () { $(".figcaption").each(function (i) { var divH = $(this).height(); var $p = $("p", $(this)).eq(0); while ($p.outerHeight() > divH) {
2016-12-15 11:37:38 1517
原创 jquery控制td里面超出部分写省略号..
//限制td字符个数 var self=$('#userManageTable tr td'); self.each(function(){ var objString = $(this).text(); var objLength = $(this).text().length;
2016-12-15 11:33:19 1434
原创 ps基础01
文件,新建 ctrl+N 弹出 一般选择 web1920*1080 单位像素 分辨率:72 reg颜色 8位 透明 可以存储为预设按字母V ,就回到箭头 自动选择勾选 图层 ctrl+鼠标左键 就选中了图层3,视图设置视图 ,显示,智能参考线 ;窗口,字符4,四大面板:图层
2016-12-05 16:26:34 295
翻译 jQuery实现表格选中行变色
jQuery实现表格选中行变色.s1 { background-color: yellow;} $(function() { $("tbody tr").click(function() { $(this).addClass("s1").siblings().removeClass("s1"); $(this).find(":radio").attr("check
2016-12-02 11:27:22 3475
原创 jquery的宽高
alert();= window.alert();document对象是window对象的一部分,所以,可以window.document.bodywindow.location===document.location //truewindow.location和document.location的区别:通常情况下是一样的,在iframe中也一样,location.href
2016-12-01 17:05:27 298
原创 整套网页头部和底部的内容一样,只切换中间的内容(自己的项目总结)
做页面的时候,一定先分析好是否需要写一些公共的东西来调用,千万不要做没用工!!!1,写的时候标注好注释,方便代码多容易乱,无头绪的问题发生。2,对于遮罩层和弹出框可以写在主页,遮罩层要全部遮住!3,对于header.html里面的按钮,点击按钮会弹出弹框的问题,可以把弹框写在index.html里面,在header.js里面控制,eg:$('.pwd').cli
2016-11-29 10:20:49 3576
原创 对highcharts的总结(饼图、柱状图、折线图、曲线图)
1,饼图 Highcharts Example g.highcharts-grid:nth-child(6) > path { stroke-width: 0; } .highcharts-background{ fill:transparent !importan
2016-10-25 10:55:09 4013
原创 鼠标移动到按钮上是蓝色,选中是黄色,默认是白色
//鼠标移入按钮 $('.tab_btn button').mouseover(function () { $(this).attr('style', 'background-color:#016cae;color:#fff'); }); //鼠标移出按钮 $('.tab_btn button').mouseout(function () {
2016-10-19 17:55:15 1421
原创 鼠标移到隔行变色的表格上,有背景变化,并且点击的时候选中复选框和背景色
changecolor(); //隔行变色 function changecolor() { var i = 0; var jian = 0; $('.bugtable tr').each(function () { i++; jian = i - 1; if (
2016-10-19 17:48:28 1041
原创 进度条(点击一次进一点,意思是后台传入一个数就进度就多一点)
进度条 body{ text-align:center; } .graph{ width:450px; border:1px solid #F8B3D0; height:25px; } #bar{ display:block; background:#FFE7F4; fl
2016-10-19 17:41:30 1360
原创 点击输入框,下拉弹框,点击页面的其他部分,弹框消失
点击下拉框,下面会弹出一个框,再点击收回,点击页面的其他内容,此下拉弹出框也会消失: //选择查询的类型弹出框 $('.query_select').hide(); $('#select').click(function (e) { if ($('.query_select').is(':hidden')) { $(".quer
2016-09-22 14:15:20 8007
原创 jQuery插件transform旋转焦点图的准备工作
1,【JQery.transform是基于jquery库的插件】IE8以下不支持css3,首先加载jQuery的函数库,$(function(){ $('#test1').transform({rotate:'60deg'});//旋转60度$('#test1').animate({rotate:'60deg'});//有动画的旋转60度})2,【定时器】
2016-09-22 11:36:53 723
原创 全屏切换效果
预备:HTML语言css样式-class、选择器、背景css动画JavaScript基本语法,闭包,单例模式jQuery基础功能$(select), .data(),.animate(),事件等1,可以使用sublime text插件,安装 Emmet插件!->Tab 就可生成HTML模板【闭包】(function($){})(jque
2016-09-21 17:43:55 518
原创 伪元素
伪元素:让HTML更干净;把不重要的放到微元素里面;伪元素本质就是模拟一个元素;比如放一些箭头,小图标,小装饰#div2{ width:120px;height:120px;border:5px #273fie solid;top:90px;}#div::before{ content:'9999'}AA66666
2016-09-21 15:43:38 300
原创 padding的使用(尺寸、按钮、字体距离、画图)
padding会增加元素尺寸,padding:0 15px;padding不会影响元素尺寸:box-sizing:border-box padding:0 15px;(此时,外边框的宽不会变化,内容缩小)如果左右的padding值比width还要大,那么还是会影响元素尺寸的。对于inline水平元素:水平padding影响尺寸,垂直padding不影响。如果加上背景色,
2016-09-21 15:22:28 2457
原创 块级元素和行内元素、边距问题
CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。标准文档流:从高往低,从左到右,从上到下,输出文档内容。由块级标签和行级标签。块级元素:从左到右撑占一行,触碰边缘会自动换行。div是典型的块级元素,p,ul,dl.dtdreamweaver调试窗口是模仿IE 的行级元素:可以在同一行显示 span strong img input 大部
2016-09-20 13:29:09 1590
原创 为什么写好的HTML页面在IE上样式失灵
1,声明html也有多个不同的版本,只有完全明白页面中使用的确切的HTML版本,浏览器才能完全正确的显示HTML页面,这就是的用处。有时候去掉HTML,或不写声明才有效。
2016-09-19 18:18:36 1147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人