本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考，具体如下：simplePagehtml,body{ margin:0 auto; text-align:center; } .main{ font:12px/24px "Microsoft YaHei"; height:1000px; } #page{ margin:100px auto; width:960px; text-align:center; } #page a{ text-decoration:none; display:inline-block; height:24px; padding:0 8px; border-radius:3px; background-color:#DEF39E; color:#8CAC2C; t...
本文实例讲述了jQuery实现的文字hover颜色渐变效果。分享给大家供大家参考，具体如下：$(document).ready(function(){$("a").hover(function(){$("a").animate({width:"80%",height:"40%",fontSize:"100px"},1600,function(){$("a").animate({color:"#FFFFFF"},1600);});},function(){$("a").animate({color:"blue"},1600,function(){$("a").animate({width:"100px",height:"20px",fontSize:"14px"},1600);});}); });我不是淡入淡出...
本文实例分享了JQuery ztree带筛选、异步加载实例，供大家参考，具体内容如下< head> < base href=""> My JSP 'ztree.jsp' starting page< script type="text/javascript" src="zTrees/js/jquery-1.4.4.min.js"></ script> < script type="text/javascript" src="zTrees/js/jquery.ztree.core-3.5.js"></ script> < script type="text/javascript"src="zTrees/js/jquery.ztree.excheck-3.5.js"></ script> < script type="text/jav...
本文实例讲解了jquery zTree异步加载，分享给大家供大家参考，具体内容如下 web.xml中Servlet配置如下：<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet-name>getDataServlet</servlet-n...
本来要做一个文件目录浏览界面，需要遍历所有的文件和目录，很显然一次性读取时很费时费力的一件事情。 因此就需要做异步加载.... 准备工作： 1下载 JQuery ZTree 复制其中的JS和CSS即可，其实没必要引那么多，用什么引什么就可以。2 需要fastJSON,用来转换JSON对象我下载JAR包后，引入到Eclipse中总是报找不到class错误。解决办法：把jar包放在WEB-INF/lib下即可。 代码实例： index.jspInsert title here
前些文章用写过，省市县三级联动，但是感觉选择的时候不够直观，现在改进了下，效果如下图#provinceDiv{ list-style:none;} #provinceDiv li{ list-style:none; border-bottom:1px dotted #ccc; width:400px; height:20px;margin-bottom:3px;} #provinceDiv li span{ display:block; width:60px; height:20px; float:left; line-height:20px; text-align:center; position:relative;} #provinceDiv li span:hover{ background:#fb0...
朋友给我看了一个轮播效果，把js下载一看，丫丫的一个这么简单的效果，这么的就能写个几百行的，严重影响浏览器加载速度嘛，以为人家宽带流量不要钱玩的哦。。无奈之下给他写了个简单的，把所有代码放上去都没有超过70行，还有圆角的那个CSS，不是每个浏览器都是圆角的，不过不影响美观，嘻嘻。 先给大家展示下效果图：无标题页.clear{overflow:hidden; clear:both; width:0px; height:0px; } .imgbox{width:640px; margin:0 auto;...
一、准备数据库首先，我们设计MYSQL数据库如下：CREATE TABLE `songs` (`song_id` int(11) NOT NULL AUTO_INCREMENT,`url` varchar(500) NOT NULL,`artist` varchar(250) NOT NULL,`title` varchar(250) NOT NULL,PRIMARY KEY (`song_id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;这里，url字段表示是mp3音乐的存放地址,artist是歌曲的演唱者，title是歌曲的名称。我们再加入一些样例数据，如下：INSERT INTO `...
最终效果图： 简单来看一下其中的主要部分：HTML：.td_back_color { background-color: red; } .td_center { text-align: center; font-weight:bold; } CSS：2013春节聚会收支统计 姓名 吃饭 KTV 烧烤 支出 应付 周竞成 ...... JavaScript：var data = [ { picture : "http://ww1.sinaimg.cn/mw690/51baa38egw1dzl6l2hjchj.jpg", name : "周竞成", leftTime : "二月五号", phone : "186****2296", qq : "", workedIn ...
在没给大家做详细文字说明之前，先给大家分享一段简单的jquery实现放大镜效果代码，需要的朋友可以直接拿去代码。$(function(){ var mouseX = 0; //鼠标移动的位置X var mouseY = 0; //鼠标移动的位置Y var maxLeft = 0; //最右边 var maxTop = 0; //最下边 var markLeft = 0; //放大镜移动的左部距离 var markTop = 0; //放大镜移动的顶部距离 var perX = 0; //移动的X百分比 var perY = 0; //移动的Y百分比 var bigLeft = 0; //大...
本文实例为大家讲解了jquery zTree树插件的基本使用方法，具体内容如下 一、节点模糊搜索功能：搜索成功后，自动高亮显示并定位、展开搜索到的节点。 二、节点异步加载：1、点击展开时加载数据；2、选中节点时加载数据。 前台代码如下：//ztree设置var setting = {view: {fontCss: getFontCss},check: {enable: true},data: {simpleData: {enable: true,idKey: "id",pIdKey: "pId",rootPId: 0}},async: {enable: true,url: "#{getS...
本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码，需要的码农朋友可以参考一下本文的源代码。 jQuery.ajax概述HTTP 请求加载远程数据。通过jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选...
本文实例讲述了JQuery实现简单的服务器轮询效果。分享给大家供大家参考，具体如下： 很多论坛都有进入后，弹出提示，说有多少封邮件没有看，或者是一个oa系统，进入后，提示有多少个任务没有做。每隔一段时间会提示一次，但是如何实现呢。其实，利用jquery的话，会比较简单，核心元素就是json格式解析和setInterval()函数。下面一起来实现： 首先，我们default.aspx的页面如下所示：服务器轮询function showUnreadNews(){$(documen...
朋友给我看了一个轮播效果，把js下载一看，丫丫的一个这么简单的效果，这么的就能写个几百行的，严重影响浏览器加载速度嘛，以为人家宽带流量不要钱玩的哦。。无奈之下给他写了个简单的，把所有代码放上去都没有超过70行，还有圆角的那个CSS，不是每个浏览器都是圆角的，不过不影响美观，嘻嘻。无标题页.clear{overflow:hidden; clear:both; width:0px; height:0px; }.imgbox{width:640px; margin:0 auto; text-align:center; }ul{...
废话不多说了，直接给大家贴代码了，具体代码如下所示：var str = ''; if(page=="") page=1; var stop=true;//触发开关，防止多次调用事件 $(window).scroll( function(event){ //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. if ($(this).scrollTop() + $(window).height() + 10 >= $(document).height() && $(this).scrollTop() > 10) { //if(stop==true){ //stop=false; //var canshu="page/"+pag...