自定义滚动条课程002-滚动条交互脚本的基本代码组织结构以及jQuery的extend函数讲解

课程列表:自定义滚动条课程001-html和样式的编写为什么需要自定义滚动条课程002上节课程中我们编写了自定义滚动条的html代码和css脚本,但是他只是将滚动条的固定效果做出来了,但是还不能滚动,为了能使其能像浏览器的滚动条一样正常的滚动我们必须为其书写滚动脚本,这也就是这节课的主题所在。基础知识准备$.extend的函数讲解以下是$.extend函数的定义其主要有三种用法只传入一个参数数

作者:星辰 时间:2016-09-25 浏览 2469评论 0 赞 0砸 0 标签: demo jquery 前端 课程

自定义滚动条课程001-html和样式的编写

为什么开这个课程只要你真的工作过,这个问题就很好回答,相信你在开发系统或使用系统的过程中经常会被人说项目不美观不高大上,或者你说别人的系统太难看的情况,我们开着个课程也就是尝试去学习解决这个问题,尝试去做些努力来提高系统的美观度和体验度。我是一个做政府项目的工程师,其实就是一码荣,不过咋程序员也是有追求的,所以我们要自爱,不应该这么亲践自己是马蓉,我就是工程师高大上咋滴。废话不多说,我想你也知

作者:星辰 时间:2016-09-24 浏览 2199评论 0 赞 0砸 0 标签: css demo 前端 课程

CSS重置Reset

为什么需要对CSS进行重置呢,这是因为在不同的浏览器下元素的默认样式并不是一致的,比如在ie下缩进是通过margin来实现的,而在firefox下可能是通过padding来实现的,正式由于有这么写不一致问题,所以我们需要将他们重置,然后通过我们自己书写的样式来控制样式的展示来实现样式的兼容性和一致性。以下是转载的一篇这方面写的比较好的文章,贡献给大家,同时也为自己下次找类似博客时可以直接通过N

作者:星辰 时间:2016-09-24 浏览 37865评论 0 赞 0砸 0 标签: css demo 前端

Javascript 严格模式详解use strict

一、概述除了正常运行模式,ECMAscript5添加了第二种运行模式:"严格模式"(strictmode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个:-消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;-消除代码运行的一些不安全之处,保证代码运行的安全;-提高编译器效率,增加运行速度;-为未来新版本的Javas

作者:星辰 时间:2016-09-22 浏览 1671评论 0 赞 0砸 0 标签: javascript

WdatePicker选择刷新

时间查询条件选择后刷新页面例如:<tdclass="td_text"align="right"width="15%">参评年度:</td><tdclass="td_input"align="left"width="30%"><inputtype="text"style="width:100%;"name="q_CPND"id="q_CPND"class

作者:星辰 时间:2016-09-22 浏览 1565评论 0 赞 0砸 0 标签: 日期控件

echarts3柱状图统计功能DEMO

功能描述带时间段查询条件,选择时间则异步刷新图表,使用的时间控件为WdatePicker。柱状图横轴文字超长进行了处理,可以支持文字纵排或横排并换行显示。支持点击柱状图弹出新的页面,并且支持携带除横纵坐标上的相关信息外的其他信息。echarts异步查询数据和刷新demo,并具有一定的公用性和借鉴性。效果图关键代码时间查询条件代码<tdclass="td_text"align="right

作者:星辰 时间:2016-09-21 浏览 3012评论 0 赞 0砸 0 标签: demo echarts

echarts3的barWidth属性问题

最近在使用echarts3时发现一个诡异的问题,就是柱状图按照echarts3的官方例子书写时barWidth这个属性一加上数据就不显示了,echarts官方例子是这么写的series:[{name:"直接访问",type:"bar",barWidth:"60%",data:[10,52,200,334,390,330,220]}]奇怪的

作者:星辰 时间:2016-09-20 浏览 1021评论 0 赞 0砸 0 标签: echarts

Java,JavaScript中斜杠跟反斜杠的替换

Java,JavaScript中斜杠和反斜杠的替换Java:在不同的系统中,路径的分隔符不同,故需要做出判断,并切换分隔符;String类中replaceAll方法如下:String.replaceAll(Stringregex,Stringreplacement),replaceAll()方法要用4个反斜杠,表示一个反斜杠;1.java把字符串中的反斜杠(\)

作者:星辰 时间:2016-09-20 浏览 2186评论 0 赞 0砸 0 标签: javascript 正则表达式

layer图片展示demo

//图片放大查看$("#content_div_id").find("img").on("click",function(){try{varthisSrc=$(this).attr("src");thisSrc=thisSrc.replace(/\\/g,"/");varjs

作者:星辰 时间:2016-09-20 浏览 1242评论 0 赞 0砸 0 标签: demo layer

echarts3横轴文字超长导致显示不全问题处理方法

今天用echarts做统计图时遇到一个问题,当横坐标轴的数据长度太长时会出现个别横轴文字不显示的情况,效果见下图。axisLabel:{interval:0,//横轴信息全部显示//rotate:-45,//60度角倾斜显示//margin:50,//文字离图形的高度formatter:function(val){returnval.split("").join

作者:星辰 时间:2016-09-20 浏览 4180评论 0 赞 0砸 0 标签: echarts 前端