2016年11月_shl999

原创 doT.js插件的使用

可以在线测试：http://olado.github.io/doT/index.html Github地址：https://github.com/olado/doT 详细文档：http://www.cnblogs.com/kuikui/p/3505768.html说明：本插件不依赖其他插件。dot.js主要的用途就是，在模板上放进数据，生成含有数据的html代码。 1、it是传递进去的数据对象

2016-11-29 18:57:19 2794

原创在移动端，body:overflow 无效的问题

在手机浏览器上，给body增加overflow:hidden;width:100%;height:100% 无效的问题。在网上找了几种解决办法1、body加position:fixed; —-可行2、给要滚动的元素添加一个父级，设定高度，overflow：auto；3、html,body{height:100%;overflow:hidden}后两种没有实验，不知道可行不可行。

2016-11-28 10:03:34 9757

原创 jq 计算div宽度--innerwidth，outerwidth，width

width()方法用于获得元素宽度； innerWidth()方法用于获得包括内边界（padding）的元素宽度； outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度；如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来，即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。

2016-11-25 17:27:33 3051

原创获取地址栏特定字符后面的字符

var abouturl=location.href;//获取地址 var str_after = abouturl.split("#")[1];//获取后面字符 $("li").each(function () { var a=$(this).children().attr('href'); if(a=='#'+str_after){

2016-11-23 17:59:04 2055

转载 input宽度随文字变化而变化

<input type="text" class="form-control"><script>var searchinput=$("input");var textWidth = function (text) { var sensor = $('<pre>' + text + '</pre>').css({display: 'none'});

2016-11-16 16:57:55 11161 2

原创 aJax 表单提交代码示例

话不多说，直接上代码：<script> var formEle=jQuery("#message-form");//这里是你的表单id var msgEle=jQuery("#message-tips");//这里是提示消息 formEle.submit(function () { jQuery.ajax({ type:jQuery(t

2016-11-16 15:22:15 326

原创手机左右上下滑动插件--iscroll.js

最近使用这个插件来做下总结。 gethub官网地址：https://github.com/cubiq/iscroll/比较全的中文API：http://www.mamicode.com/info-detail-331827.html一目了然的用法：http://blog.csdn.net/a41070289/article/details/50877675//实例化滚动插件 var my

2016-11-16 10:28:16 14025

转载 javascript 的数组的sort（）排序。

因为sort()函数使用的是冒泡排序，冒泡排序会重复地走访要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来，一直重复地进行直到说该数列已经排序完成。如果a-b>0(即正数)就把a和b的位置交换，也就是较小的一个数会排到前面；如果b-a>0就把a和b的位置交换，也就是较大的一个数会排到前面。function sortNumber(a, b){return a - b //

2016-11-15 12:02:32 242

原创搜索框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> <script s

2016-11-11 15:34:33 294

转载序列化表单出现乱码--解决方法

console.log(decodeURIComponent($("#form").serialize()))decodeURIComponent 进行解码

2016-11-11 13:16:16 1021

转载 jq 获取radio的值

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.jquery获取radio的值 2.jquery获取checkbox的值 3.jquery获取select的值要想获取某个radio的值有以下的几种方法,直接给出代码： 1、1.(‘input[

2016-11-11 09:16:36 520

转载 javascript ,jq 实现input随文字变化而变化

<input name="text" onkeyup="checkLength(this)"/><script language="javascript"> function checkLength(which) { var iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").length;

2016-11-10 10:58:52 1076

原创 hover 右侧的 | 隐藏

实现下图所示效果鼠标经过的时候没有右侧的 |。一般的方法是用border-right。可是鼠标经过后一个a链接的时候，border-right还在。后来想的是在a链接下面加span标签，可是实现起来总是不对 a:hover span{display：none} 仅仅是鼠标经过的时候这个a链接下面的span隐藏，当鼠标 hover后一个a链接的时候span 还是在。同border-rig

2016-11-09 16:08:34 454

原创 css 实现蒙版效果

样式：<style> .back {background:url(images/coupon-logo.gif) no-repeat;} .top {height:100px;background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6;}</style>html<div class="back"> <div clas

2016-11-08 10:28:16 48702 1

小利的博客