有条理的柯基犬-CSDN博客

原创 echarts y轴均分问题

在api中有该属性yAxis.splitNumber number[ default: 5 ]坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。在类目轴中无效。但是，有很多情况下这个设置的值是无效的，因为他本身规则的优先级要高一些。为了更好地使用我总结了一条小规则。从零开始均分的具体情形。

2018-01-31 16:35:52 17155 2

原创一个jq和css3的开关

一个自己写的jq开关。用了jq动画。

2017-08-19 15:37:08 459

原创网页规范技巧

再使用简单色背景图时，可以截取1~2像素的图片，然后使用css的属性平铺，这样可以使得图片加载速度变快。命名图片时，首页的大型图片轮播可以取名为banner，在进行命名时再好不要拼音与英语混用。js往往根据功能来命名，使用英文小写。行距建议用百分比来写，常用的有120%/150%；首行缩进：p{text-indent：2em;}在的情况下,单击会跳转到页面顶部，所以用"Ja

2016-12-09 17:31:54 368

转载怎样用jquery编码和解码url

//escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如"春节"的返回结果是%u6625%u8282，escape()不对"+"编码主要用于汉字编码。alert(escape("春节"));alert(unescape(escape("春节")));//encodeURI()是用来对URL编码的函数。编码整个url地址，但对特殊含义的符号"; /

2016-11-24 09:25:44 34721

原创页面内锚链接跳转滑动效果

$('a').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 500); return false;});$('a').click(function(){ $('html, body

2016-11-15 16:35:26 4783

原创 bootstrap 使用row时出现的左右方向滚动条

下部有一个左右滑动的滚动条，这是因为row默认有margin-left:-15px;margin-right:-15px;所以我们可以用<div class="row" style="margin-left:0px;margin-right:0px;">将其覆盖掉之后的样子，消去了滚动条

2016-11-15 16:05:03 6357 1

原创结合bootstrap编写右侧点状导航样式

如图，随页面向下滑动，到指定页面后圆点变成白色，也可以通过点击圆点跳转到某个位置。这是四个部分。这是导航，.side-nav{ position: fixed; top: 45%; right:

2016-11-15 15:24:39 3599

转载 Jquery的html方法里包含特殊字符的处理，类似双引号之类的

在使用jquery的html（）方法时，有时候里面添加的html代码含有一些特殊字符，需要进行转义。如下例子：inst_html = "<a style=color:white' onmouseover = '"; inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');"; inst_html += "'

2016-11-11 10:37:44 9482

原创 bootstrap （active类）切换

在一个按钮组中，给一个按钮赋予active类使其处于默认状态，当点击其他按钮时移除active类并赋予当前按钮。$(document).ready(function () {$('#ball').click(function (e) {e.preventDefault();$('#ball').removeClass('active');$(this).addClass('active

2016-11-11 10:07:04 24559 2

转载绝对定位情况下水平垂直居中的方法

非绝对定位情况下，一般使用margin:0 auto的方法来进行居中，但在绝对定位情况下，margin:0 auto会失效。这时，进行水平垂直居中可以如下：position:absolute;left:50%; //left设置为50%，这时是以元素的左侧进行的水平居中，所以需要设置margin-left为元素宽度的一半。top:50%;//垂直居中原理同水平居中margin-t

2016-11-11 09:46:19 846

原创初步整理响应式笔记01

两种屏幕切换方式：1.在引入css时进行对屏幕的设定示例： media="only screen and (max-width:640px)"意为：只有在屏幕小于640px时才会应用。2.在css文件或是主文件的中写 @media screen and (min-width: 640px){ }意为：只有当屏幕大于640px

2016-11-07 17:57:21 344

原创一个列表的练习2

lianxi3.html 保养心得MORE+ 2016.03.11 燃油粗滤器定期放水 2016.03.22 空气滤清器的使用与保养 2016.03.22 发动机皮带定期保养 2016.03.22 传送抽日常维护与保养 2016.03.21 出气筒定期检查防水 2016.03.21

2016-07-31 20:17:04 446

原创一个列表的练习

为使列表美观，让第二行到以后设置border-top：0px；第一行设置为1px；前面的小小红色竖线我设置了一个边框来表现他。lianxi2.html 保养品驾驶室类发动机类桥箱类电器类底盘类 lianxi.css@charset "utf-

2016-07-31 17:44:36 388

原创写一个简单的输入框

lianxi1.html lianxi1.css@charset "utf-8";.res{ border: 1px solid blue; height: 72px; width: 434px; }.t1{ height: 36px; width: 300px; margin

2016-07-31 16:23:55 513

有条理的博客