迎风飘来的专栏

一个页面图片太多了就有压力。但如果总是分页，每页鸡碎那么多，用户又会很烦。可以滚屏到相应位置才加载图片，这样就皆大欢喜了。原理如下：1、使用jquery2、需要动态加载的增加一个属性（自己创建的）data-url=真正图片路径，而将src=一个只有1像素的透明GIF，style设置一个不停地转圈的等待图片作为背景，class="scl"3、相应的jquery

本文转载于OUR D3.JS ,转载请注明出处，谢谢选择集和数据的关系是 D3 最重要的基础，在【入门 - 第 7 章】时进行过些许讲解，对于要掌握好 D3 是远远不够的。故此开设一个新的分类，专门讨论选择集与数据的关系，包括数据绑定的使用和工作原理，update 、enter、exit 的原理和使用方法等，接下来一段时间里会有多篇此类文章。D3 最大的特色就是能够将数据绑定到

我们在做Ajax 异步请求的时候，一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ，以便增加用户体验。今天在网上发现了一个 Spin.js ，该 js 脚本压缩后5k，可以不用任何图片，任何外部的CSS样式，就可以创建一个Ajax Loading 指示器，且兼容以下浏览器：Spin.js 的在线设计、演示及下载地址为：http://fgnass.github.

1.   highCharts 无数据时显示：红色部分为主要设置： $(divId).highcharts({ title : { text : '' }, chart : { height : height, width : width, type : "column" }, lan

先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：比如：            var a = docuemnt.

FullCalendar可以灵活运用到项目开发中，本站上一篇文章中，我们介绍了如何在FullCalendar新建日程事 件，今天我要给大家介绍的是如何在FullCalendar中编辑和删除日程事件，这样我们就完成了FullCalendar上的“增删改查”一系列操 作。查看演示DEMO下载源码 HTML和上一篇文章FullCalendar应用——新建日程事件一样，HTML页面

我们可以使用FullCalendar建立一个非常强大的日历程序，用户可以轻松的在FullCalendar操作日程安排，诸如新建、修改、删除等操作以及本文将要讲解的拖动、缩放日程事件。查看演示DEMO下载源码 HTML我们将日程页面命名为drag.html，首先是要载入jQuery库，jQuery ui以及fullcalendar插件。Html代码  

http://blog.csdn.net/zh921112/article/details/41513161html>  head>      meta charset="utf-8">      meta name="viewport" content="width=device-width, initial-scale=1">      meta htt

1.  介绍表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。 ajaxForm增 加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为 AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。

处理方法一。 js 程序代码：url=encodeURI(url);注意是整个URL 服务器端的代码：String linename = new String(request.getParameter("name").getBytes("ISO-8859-1"),"UTF-8");处理方法二。 js：var url="name="+name; url=encod

前言　　首先在此多谢博友们在前几篇博文当中给与的支持和鼓励，以及在回复中提出的问题、意见和看法。　　在此先声明一下，之前在下小菜所有的随笔文章中，只有前两篇关于Bootstrap的文章发表在了博客园的首页，对于发布的这两篇文章的感受就是：大家的参与度比之前的高很多。当然也不是说看到自己的文章发布在首页，有了几千甚至几万访问量，个人觉得自己所分享的一点东西可能对于大家也是有一点效果的

1. jQuery 选项卡界面 / 选项卡结构菜单教程这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此演示哟，你一定会喜欢上它的。演示 | 下载 | 介绍2. jQuery目录导航插件这个jQuery插件为我们提供了添加基于字母顺序的导航小部件到有序和无序列表的方法。一个在列表之

1.jsp<button type="button" id="importBtn2" class="btn btn-mini btn-primary" rel="tooltip" data-placement="top" data-original-title="导入" data-html="true" data-toggle="modal" data-target="#

1. 它是什么？Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 2.需要了解的知识     您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念，请先学习下这些知识3. 它有什么用？   

一、HighCharts开发说明：HighCharts开发实际上配置HighCharts每个部分，比如配置标题（title），副标题（subtitle）等，其中每个部分又有更细的参数配置，比如标题下有对齐方式（align），标题文字（text）等。下图为整个图表的每个部分位置说明（请对照下面HighCharts整体结构）二、HighCharts整体结构：通过查看API文

一、前言（Preface）Highcharts是一个非常流行，界面美观的纯Javascript图表库。它主要包括两个部分：Highcharts和Highstock。Highcharts可以为您的网站或Web应用程序提供直观，互动式的图表。目前支持线，样条，面积，areaspline，柱形图，条形图，饼图和散点图类型。Highstock可以为您方便地建立股票或一般的时间轴图表。它包括先进

在上篇随笔中所提到的数据插入方法，是将所有数据一次性读出并插入表格，只能针对数据量小的操作。本篇随笔记录的是datatable插件服务器端分页读取数据的方法。一、分页分页的基本思想是根据datatable的页码及每页显示的行数，将数据从数据库分段提出，然后再填充到表格中，以达到分页的效果。这里需要用到datatable插件的几个属性："sEcho"：这个属性

学习可参考：http://www.guoxk.com/node/jquery-datatables                      http://yuemeiqing2008-163-com.iteye.com/blog/2006942 1:导入包：    URL：http://www.datatables.net/   分别导入css和js文件

js 字符串转化成数字 的 三种方法主要有转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。一些示例如下：parseInt("1234

信息提示虽然是小东西，但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好，会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件，希望对各位有所帮助。记住，所有的这些都是为了使网站设计更好。1. Dynamic tooltip非常漂亮的tooltip！有渐变、透明、阴影等效果。Dynamic tooltip2. Popup Bubble

1.js获取checkbox的值 var selectedCid=""; //获取选中的cids var item = $("[name= 'cnm']") alert(item.length) for(var i=0;i<item.length;i++){ if(item[i].checked){ selectedCid+=it

先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：比如：            var a = docuemnt.getElementById("dom").getEleme

依旧只是贴在这里备份，方便以后粘贴复制，高手绕过，以免浪费时间:)123456789101112131415161718192021222324252627

1， 开源软件相关资料链接点击打开链接

js:$(function(){ var myRows = $('table tr').click(function(){ alert('Row #' +myRows.index(this) + ' value=' + $(this).children('td').text()); });});html: 0-1 0-2

1，首先必要的几个jar包要准备好。jquery.ztree.core-3.5.js：zTree核心包  jquery.ztree.excheck-3.5.js：复选框功能包   jquery.ztree.exedit-3.5.js：编辑功能包  zTreeStyle.css，zTreeStyle_customized.css,bootstrap.min.css,最后一个是可选