Bootstrap风格的分页控件自适应的： 参考网址：分页参考文档 1.风格样式：2.首先引入js文件jQuery.twbsPagination.js <span style="font-size:14px;"><script type="text/javascript" src="plugins/page/jquery.twbsPagination.js"></script></span> 3.html页面 <span style="font-size:14px;"><div class="text-center"> <ul id="pagination-log" class="pagination-sm"></ul> </div></span> 4.初始化 <span style="font-size:14...
话不多说，请看代码：/** JQuery Html Encoding、Decoding * 原理是利用JQuery自带的html()和text()函数可以转义Html字符 * 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码 */ <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> //Html编码获取Html转义实体 function htmlEncode(value){ return $(<div/>).text(value).html(); } //Html解码获取Html实体 ...
本文实例为大家分享了jquery.kxbdmarquee.js无缝滚动的具体代码，供大家参考，具体内容如下 strep1.页面引入相关文件<script src="lib/jquery/jquery.js"></script> <script src="lib/jquery/jquery.kxbdmarquee.js"></script> step2.写html结构、css样式、js css样式： html结构： js效果： <head><meta charset="UTF-8"><title>滚动轮播</title><style type="text/css"> *{margin:0;padding:0;} body{font-size:12px;} a{color...
以下只为记录自己工作常用的片段和心得, 如有问题请指正, 多谢~ jQuery/zepto判断元素是否存在 // 判断长度是否存在, 正确 if ($elem.length) { }// 错误, 因为空数组也是true if ($elem) { }合理判断数据类型 先看代码: function case(str) {return str.match(/reg/); } 看着没问题, 但当 str 为空(false, null等)时就挂了, 适当的检查让代码更健壮, 如: function case(str) {return "string" === typeof str ? str.match(/reg/) ...
什么是 cookie？ cookie 就是页面用来保存信息，比如自动登录、记住用户名等等。 cookie 的特点 同个网站中所有的页面共享一套 cookiecookie 有数量、大小限制cookie 有过期时间jquery.cookie.js 是一款轻量级的 cookie 插件，可以读取，写入和删除 cookie。本文主要针对jquery.cookie.js 的用法进行详细的介绍。 jquery.cookie.js 使用方法 Cookies 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据...
jquery.pagination.js插件，此jQuery插件为Ajax分页插件，一次性加载全部数据，故分页切换时无刷新与延迟，只是重写指定dom元素中的html内容，如果数据量较大不建议用此方法，因为加载会比较慢；jQuery的多数插件使用都比较简单，都能查找出相关api，且含有demo；使用此插件,首先在页面(jsp、html)中引入其js、css文件<link href="/自定义路劲/jquery.pagination/pagination.css" rel="external nofollow" rel="stylesheet"> <scri...
本文实例为大家分享了jquery.tableSort.js表格排序的具体代码，供大家参考，具体内容如下1.一定要引jQuery包，所有jq插件都是基于jQuery包的 2.如果想指定哪一栏不排序这样写 $(“#mytable”).tablesorter({headers:{5:{sorter:false}}}); 第5列的sorter为false就OK了 参考：//www.gxlcms.com/article/105217.htm <!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><script type="text/javascript" src="js/jqu...
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出，写上你的操作即可，无论是加载图片还是加载记录...
本文实例讲述了jQuery.cookie.js实现记录最近浏览过的商品功能。分享给大家供大家参考，具体如下： 1、jquery.cookie.js /*jquery.cookie.js */ jquery.cookie = function(name, value, options) {if (typeof value != undefined) { // name and value given, set cookieoptions = options || {};if (value === null) {value = ;options.expires = -1;}var expires = ;if (options.expires && (typeof options.expires == number |...
前言 众所周知，jquery在我们日常开发中的使用频率非常高，与js相比，我们省去了冗长的获取元素的代码，不用考虑一些麻烦的兼容问题，更加方便的动画实现，以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装，我们不光要用的舒服还要深入理解其中的原理，这样才能更好的使用它。首先我们封装的函数为了能实现可传入无限多个参数，在使用我们即将封装的函数时，需要使用对象进行传参，形式如下...
刚了解了下Angular.js，发现Angular.js绑定数据方面非常方便，套下教程demo: <div ng-app="myApp" ng-controller="myCtrl">名字: <input ng-model="name"><h1>你输入了: {{name}}</h1> </div>我就想着，使用jq/js怎么实现类似的效果，后来找找，发现使用propertychange可以实现。 JQ： <div class="wrap"><textarea></textarea><div class="miss"></div></div>$(textarea).on(input propertychange, function() {$(.miss).html($(t...
小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法，这次再分享一种方法用css画爱心，并利用snowfall.jquery.js实现爱心满屏飞的效果。 第一步： 利用伪元素before和 :after画两个重叠在一起的长方形，如图所示：<!DOCTYPE html> <html> <head><meta charset="utf-8"><title></title><style media="screen">body {overflow-y: hidden;}.heart-body {width: 500px;margin: 100px auto;position: relative;}.s...
本文实例为大家分享了支持中文，且带logo的二维码的生成代码，供大家参考，具体内容如下 资料搜索选择star最多的两个第一个就是用的比较多的jquery.qrcode.js（但不支持中文，不能带logo）啦，第二个支持ie6+，支持中文，根据第二个源代码，使得，jquery.qrcode.js，支持中文。 支持中文 //qrcode.js function QR8bitByte(data) {this.mode = QRMode.MODE_8BIT_BYTE;this.data = data; }QR8bitByte.prototype = {getLength : funct...
看了网上的瀑布流教程，自己跟着写了遍，然后总结了下知识点 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery-1.8.3.min.js"/></script> <script type="text/javascript" src="script2.js"/></script> <title></title> <style type="text/css"> *{padding: 0;margin:0;} #main{ margin-top: 10px; position: relative; ...
bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用，在select的标签中设置属性可以做很多功能控制，不过初始化之后怎么去修改网上找遍中文英文也没有一个交代自己研究好久研究出来了，当然有的人会干掉重新生成那样太low，我决定来填补这个空白。 js控制select属性变化其实很简单，并不需要 $(#goodsNames).selectpicker(render); $(#goodsNames).selectpicker(refresh);来重新渲染只用 $(".selectpicker").selectp...