HTML结构: 代码如下:ul._rollSe{width:100px;height:300px;over-flow:hidden} ul._rollSe li._rollPar{height:100px;border:1px solid #369} 代码如下: 1 2 上一页 下一页 JS引入文件: author : teresa 2011-3-28 params: 以上HTML结构必填项: 有关的class_rollParent: 触发事件的上级层) _rollSe :滚动区域_rollPar: 滚动元素_scrollNext: 下一页按钮_scrollPrev: 上...
js的纯前台处理时会遇到将一个网页的参数,通过get方式,传递给下一个页面的问题. 此时可以使用js的方式得到当前页面的url中的get参数. 核心语句是: window.location.href 详细代码不解释了,有注释,你看了就懂.封装成jQuery扩展包. 代码如下: (function($){ $.extend({ /** * url get parameters * @public * @return array() */ urlGet:function() { var aQuery = window.location.href.split("?");//取得Get参数 var aGET = new A...
代码如下: jQueryAjaxJson取值示例 $(function () { jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack); jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt); });function callBack(data) { $("#ddd").html(''); var json = eval(data); //数组 $.each(json, function (index, item) { //循...
注：本文使用的seajs版本是2.1.1一、把Jquery封装成seajs的模块 代码如下:define(function () {//这里放置jquery代码 把你喜欢的jquery版本放进来就好了 return $.noConflict();}); 调用方法：这样引进就可以像以前一样使用jquery 代码如下:define(function (require, exports, module) { var $ = require(./js/jquery); // $(document).ready(function () { // $("tr").wyhinterlaced({ "odd": "red", "even": "blue" ...
前端页面： 代码如下: //提示到服务器 $(function () { $("#butsubmit").click(function () { var data = $("#tf").serializeArray(); //自动将form表单封装成json // $.ajax({ // type: "Post", //访问WebService使用Post方式请求 // contentType: "application/json", //WebService 会返回Json类型 // url: "/home/ratearticle", //调用WebService的地址和方法名称组合 ---- WsURL/方法名 // data: data, //这里是要传递的参数...
1.数据转换类public class DataTableReturnObject { private int iTotalRecords; private int iTotalDisplayRecords; private String sEcho; private String[][] aaData; public DataTableReturnObject(int totalRecords, int totalDisplayRecords, String echo, String[][] d) { this.setiTotalRecords(totalRecords); this.setiTotalDisplayRecords(totalDisplayRecords); this.setsEcho(echo); this.setAaData(d); } p...
对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下var openWindow = function(url, options) { var str = ""; if (options) { options.height = options.height || 420; options.width = options.width || 550; options.left = options.left || ((screen.width - options.width) / 2); //默认为居中 options.top = options.top || ...
插件名称命名为:jquery.tableresize.js，代码如下：代码如下: /* Writen by mlcactus, 2014-11-24 这是我封装的一个jquery插件，能够使table的各列可以左右拉伸，从而使宽度变小或变大 用法： 单个table：$("#table_id").tableresize(); 页面所有table：$("table").tableresize(); */ (function ($) {$.fn.tableresize = function () {var _document = $("body");$(this).each(function () {if (!$.tableresize) {$.tableresiz...
看了jQueryUI Dialog的例子，效果还不错，就是用起来有点儿别扭，写出的代码有点拧巴，需要再封装一下！于是就有了下面这个简单的DialogHelper辅助类，因为这篇文章分享的重点是思路，所以目前版本的代码也还非常粗糙。思路对了，后续再封装成什么样都不过是形式而已，希望这个思路能给大家点启迪，同时欢迎大家开拓思维，提出更好的改进意见。代码如下: //require ScrollHelper.js function DialogHelper() {var _this = this;var...
摘要：jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。 代码：代码如下: // ajax 请求参数 var ajaxSettings = function(opt) {var url = opt.url;var href = location.href;// 判断是否跨域请求var requestType = jsonp;if (url.indexOf(location.host) > -1)requestType = json;requestType = opt.dataType || requestType;// 是否异步请求var async = (opt.asy...
在网站开发中经常会用到选项卡功能，为了节省一下写代码时间，封装了一下tab插件，方便调用。 创建选项卡组件 使用方法： html结构tab-1tab-2tab-3tabs-1-paneltabs-2-paneltabs-3-paneljs调用$('#tab').tabs();相关参数说明:初始化参数参数 默认值 参数说明 active null 设置被选中的选项卡的索引，默认值为null，例如设置选中第一个选项卡则设置为0 event click 选项卡的切换事件，默认为点击事件，可以设置mouseover添加选项卡参...
iframe跨域通信 查看演示 源码下载 众所周知，由于前端javascript对跨域访问做了安全限制，javascript只能访问与包含它的文档在同一域下的内容。 用法举例：需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html，而在iframe页面中希望通过点击一个按钮，调用top页面的一个js方法。1. 在top页面中建立方法供内部页面使用代码如下: function testFun (text) {alert(text); }2. 在htt...
前言：ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），当然也可同步，这样就可使网页从服务器请求少量的信息，而不是整个页面。Ajax使我们的项目更小、更快，更友好，在前端开发有很高的地位，也是面试题的热点。本次测试是在localhost本地环境。 1、原生ajax （1）html前端代码...
本文实例讲述了jQuery实现的网页3D轮播图封装功能。分享给大家供大家参考，具体如下： 网页伪3D轮播图，其实就是轮播图旋转木马效果。其实在jquery插件库也有很多旋转木马的插件，但是博主封装的这个新的插件比起以上的都适应性更好。其适应性好表现在：调用灵活性高用法更简单，css样式都封装好了基本不用写，在body里面写ul>li>img标签即可，可设置参数多，甚至不同图片的大小都可以自适应轮播，各个浏览器兼容性好(包括IE，虽然...
图片轮播在我们的前端开发中是非常常见的，下面是自己写的一个图片轮播组件，支持自动轮播，手动轮播，无缝衔接。 dom结构首先是dom结构，将所有内容放入一个大盒子，应用ul标签存放图片列表，圆点定位图片位置。 <div id="box"><ul id="banners"><li class="banners-img"><img src="img/DSC_1913.JPG" /></li><li class="banners-img"><img src="img/DSC_1913.JPG" /></li><li class="banners-img"><img src="img/DSC_1913.JPG" /...