自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 资源 (2)
  • 收藏
  • 关注

原创 高德地图Js API的使用

申请JSAPI的开发者key申请地址:http://lbs.amap.com/dev/key引入高德地图JavaScript API文件: 创建地图容器在页面body里你想展示地图的地方创建一个div 容器,并指定id标识: 指定容器大小按照需要设定地图容器的大小,确保大小合适,比如用CSS这样设置它:#container {width:300px; he

2016-08-31 18:07:11 25375 1

原创 ajax请求中传输文乱码的问题

ajax请求中传输中文出现乱码问题,server端是utf-8编码格式:解决办法:ajax设置contentType属性 $.ajax({ url : 'XXXXXXXXXXX/mergeNotice.do', data:{notice:JSON.stringify(param)}, type:'post', dataType: "json",

2016-08-31 15:10:26 483

原创 css 高度、宽度居中

行内元素(又叫内联元素inline element):①不占据一整行,随内容而定,有以下特点:②不可以设置宽高,也不可以设置行高,其宽度随着内容增加,高度随字体大小而改变。③内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用。④也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用。    常用的内联元素有:a - 锚点,b - 粗体(不推荐

2016-08-31 14:41:41 2066

原创 js读取服务器端的txt文件

js读取服务器端的txt文件有两种方式:1、ajax方式读取文件var url = "http://10.22.19.150:8080/timer/resources/test.txt"; var htmlobj= $.ajax({url:url,async:false}); var dataString = htmlobj.responseText; // var

2016-08-31 13:29:02 34938

原创 js中的indexOf以及startsWith和endsWith方法

js有indexOf方法,却没有像java一样的startsWith 或者 endsWith 这样的方法。在js里,通通可以用 indexOf()!=-1 来代替。indexOf()!=-1 和 indexOf()>0 得到的结果是不同的。比如下面的例子:(功能:希望输入的值不包含空格) if(str.indexOf(' ') != -1 ){     alert("不

2016-08-31 11:42:19 29153 6

转载 js的JSON

早期,一般是使用XML作为互联网上传输结构化数据的,但由于它解析麻烦,字符冗长,因此被轻量级的JSON所逐渐替代。JSON是JavaScript的一个严格子集,利用了JavaScript中一些模式来表示结构化的数据。可以直接将JSON格式的字符串传递给eval()进行处理,由于JSON是JS的子集,eval后变成json对象,可以使用’.’操作符直接操作属性;值得注意:JSON是一种数据格式,

2016-08-31 11:29:15 394

原创 input的checkbox和radio控件样式美化

复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般不能满足我们的需求,设计师喜欢一些漂亮的图片,用css做出此效果。 input#gps_open_close[type="checkbox"]{-o-appearance: none; -webkit-appearance: none;-moz-appearance:none;background-

2016-08-30 18:34:54 3886

原创 使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数解决办法

使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数,百度了下找到解决办法改为如下形式:相关文章:ajaxfileupload.js问题汇总及解决 附修复版下载Jquery AjaxFileUpload.js 上传文件 所遇问题解决办法 ajaxfileupload 始终不执行success 只执行er

2016-08-30 18:10:22 4022

原创 jquery日期控件WdatePicker的使用

WdatePicker的官网先引入js文件选择开始时间与结束时间,并且开始时间小于结束时间、结束时间大于开始时间。 $(document).on("click",".start-time" ,function(e){ var rowid = $(e.target).parents("tr").attr("rowid");;

2016-08-30 17:50:26 13236 1

原创 JS中URL中的特殊字符问题:escape,encodeURI,encodeURIComponent

在使用url进行参数传递时,经常会传递一些中文名(或含有特殊字符)的参数或URL地址,在后台处理时会发生转换错误。在有些传递页面使用GB2312,而在接收页面使用UTF8,这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL,与使用客户端javascript的encodeURI函数编码的URL,结果就不一样。javascript对文字进行编码涉及3个函数:es

2016-08-30 17:09:55 373

原创 Jquery中各种方法记录

一、 each的三种遍历1、选择器+遍历$('div').each(function (i){   i就是索引值   this 表示获取遍历每一个dom对象});2、选择器+遍历$('div').each(function (index,domEle){   index就是索引值  domEle 表示获取遍历每一个dom对象});3、更适用的遍历方法

2016-08-30 16:31:50 348

原创 使用ajaxFileUpload实现文件上传

jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单。1、引入AjaxFileUpload插件相关的js ajaxfileupload对jQuery版本是有要求的,在使用中ajaxfileupload和jQuery对应的js版本要一致,不然会导致异常发生。语法:$.ajaxFileUpload([options])  options

2016-08-30 10:39:23 467

原创 jQuery颜色选取器插件COLPICK

插件官网:http://www.jq22.com/jquery-info367下载该插件和 colpick.js 和 colpick.css 添加到您的文档的头:="js/colpick.js" type="text/javascript">/script>="stylesheet" href="css/colpick.css" type="text/css"/>

2016-08-29 18:16:50 7097

原创 使用jquery-qrcode生成二维码

java方面二维码相关工具大概有qrcode和zxing,但是一般来说应用二维码比较多的是生成,扫描用的比较少,而qrcode和zxing是两者都有,所以比较臃肿。jquery-qrcode,这个开源的三方库(可以从https://github.com/jeromeetienne/jquery-qrcode 获取)。qrcode.js 是实现二维码数据计算的核心类,jquery

2016-08-29 17:38:08 1005

原创 jquery分页插件pagination 的运用

原项目地址:http://plugins.jquery.com/project/paginationpagination 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动。参数参数名描述参数值

2016-08-29 17:17:14 850

原创 多功能JavaScript分页组件 layPage

官方网站:http://laypage.layui.com/layPage是一款多功能的js分页组件,即适用于异步分页,又可用于传统的整页刷新跳页,还支持信息流加载,并且可无缝迁移至Node.js平台。layPage不依赖于任何第三方库,直接拿来用即可,它的接口继承了layui系列组件的一贯简洁,极易上手。//以下将以jquery.ajax为例,演示一个异步分页 $.get

2016-08-29 16:50:34 796

原创 JS实现跑马灯效果

跑马灯效果 即可以用js实现,也可以用html的marquee元素实现。 $(document).ready(function(){ noticeScroll(); }); //一个函数,循环调用 function noticeScroll(){ var noticeContent = $(".noti

2016-08-29 16:25:20 2531

原创 父元素使用opacity将子元素都变透明了的解决方案

使用opacity不仅使目标元素的背景变得半透明,而且使它所有的子元素的背景也变成了半透明。这意味着它里面所有的文本、图片也一样都具有同样的透明度,这个效果肯定不是我想要的。解决办法:可以用 rgba()解决 : background: raba(x1, x2, x3, y); x1 x2 x3取值是0-255之间的整数,y取值是0-1之间(0,0.1,0.2,0.3,0.4,

2016-08-29 16:11:09 5910 1

原创 HTML标签marquee实现滚动效果

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:...; 说明:在标记之间添加要进行滚动的内容。重要属性:1.滚动方向direction(包括4个值:up、 down、 left和 right)  语法:...2.滚动方式b

2016-08-29 15:51:51 492

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除