jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。PHP读取第一页数据：<?php $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); while ($row = mysql_fetch_array($query)) { $pubdate = date("Y-m-d", $row[addtime]); echo . $pubdate . . $row[title] . ...
前台用AJAX直接调用后台方法，老有人发帖提问，没事做个示例 下面是做的一个前台用JQUERY，AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面：Porschev--前台JS(Jquery)调用后台方法 级联菜单 $(function() { $("#selPro").change(function() { //省份下拉菜单的change事件 var params = '{str:"' + $(this).val() + '"}'; //此处参数名要注意和后台方法参数名要一致 $.ajax({ ty...
随着互联网时代的发展，web前端已经和后台数据挂钩，作为web前端仅仅不是只切图写写html，css 和简单js交互。 js code$(function() {var page = 1;var discount = $('#discount');var innerHeight = window.innerHeight;var timer2 = null;$.ajax({url: '/lightapp/marketing/verify/apply/listpage=1',type: 'GET',dataType: 'json',timeout: '1000',cache: 'false',success: function (data) {if (data.error_code === 0) {var...
本文实例讲述了jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码。分享给大家供大家参考。具体如下： 这里实现圆角表单，圆角输入框，无刷新验证，漂亮唯美，是对这款基于HTML5/CSS3/jQuery来实现的表单效果的简要概括，用HTML5可以实现很多超乎寻常的效果，从此你会喜欢上HTML5,会骂一下万恶的IE,到现在IE8还不支持HTML5，正悲哀着呢。 先来看看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-htm...
1、前台使用ajax无刷新分页，主要需要生成分页的工具条，这里使用的是jquery.pagination.js 插件参数可以参考----张龙豪-jquery.pagination.js分页 下面贴出代码代码还是比较容易看明白的，可以根据自己需要修改，这里使用的是自己的样式 样式代码.pages {display: inline-block; overflow: hidden;padding: px ;text-align: center; width:%; margin:px ;}.pages b{ color:#ef;}.pages a { color:#; border: px solid #eee;cursor...
主题皮肤切换功能在很多网站和系统中应用，用户可以根据此功能设置自己喜欢的主题颜色风格，增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能。实现该功能的原理就是通过点击定义的主题样式，改变页面当前引用的主题CSS文件，并且将当前的主题样式写入cookie中或者写入数据库中，以便下次该用户重新访问页面时，调用的就是上次设置好的主题样式。 准备主题皮肤样式 首先，我准备了三个样式表CSS文件，分别...
本文实例讲述了jQuery无刷新分页实现方法。分享给大家供大家参考，具体如下： 这款jQuery分页示例，是分页经典形式，兼容性也做的好，网页上的分页代码，分享给大家。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-wsx-page-style-demo/ 具体代码如下：jQuery分页演示效果$(document).ready(function(){var show_per_page = 5; var number_of_items = $('#content').children().size();var number_o...
1、前台使用ajax无刷新分页，主要需要生成分页的工具条，这里使用的是jquery.pagination.js 下面贴出代码/*** This jQuery plugin displays pagination links inside the selected elements.** @author Gabriel Birke (birke *at* d-scribe *dot* de)* @version 1.2* @param {int} maxentries Number of entries to paginate* @param {Object} opts Several options (see README for documentation)* @return {Object} jQuery Obje...
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面：$.ajax()方法发送请求body{font-size: 13px;}.divFrame{width: 225px;border: solid 1px #666;}.divFrame .divTitle{padding: 5px;background-color: #eee;height: 23px;}.divFrame .divTitle span{float: left;padding: 2px;padding-top: 5px;}.divFrame .divContent{padding: 8px;text-align: center;}.di...
使用jQuery实现Ajax操作想要实现Ajax页面无刷新效果，但是直接利用Ajax代码实在有些麻烦，所以就想用jQuery实现。jQuery很好的封装了Ajax的核心对象XMLHTTPRequest。所以用起来非常方便。首先，创建服务器端代码，这里用Servlet实现服务器端的数据处理；代码如下：protected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {// 设置编码格式resp.setContentType("text/html;...
本文实例讲解了基于jquery实现表格无刷新分页功能，分享给大家供大家参考，具体内容如下 效果图：具体代码：面向对象的无刷新表格分页var data = [];for(var i=0;ihtml,body{margin: 0;padding:0} a:focus {outline: none;} h3.head_title {border-bottom: 1px solid #d5ddeb;color: #1c7493;display: block;font-size: 14px;height: 30px;line-height: 30px;margin-bottom: 10px;} /* 通用表格显示 */ table, th, td {font: 12px ...
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码，供大家参考，具体内容如下HTML代码： @{Layout = null; }@using DAL; @using System.Data;@{AreaDal areaDal = new AreaDal();string areaId = ViewBag.areaId;DataRow drArea = areaDal.GetArea(areaId);string countyId = drArea == null ? "-1" : drArea["countyId"].ToString();DataRow drCounty = areaDal.GetCounty(countyId);string cityId = drCounty == ...
本文实例讲述了jQuery实现的简单无刷新评论功能。分享给大家供大家参考，具体如下： <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>无刷新评论 - www.gxlcms.com</title><script src="jquery-1.7.2.min.js" type="text/javascript"></script><script type="text/javascript">//========================================================设定样式$(function () {var isFirst = true;$("#text1").css("color", "grey")...
项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。 代码如下 使用方法如下 <script type="text/javascript"> $(function () { var button = $(#upload); new AjaxUpload(button, { action: /upload/imagesAjaxUpload, name: upload, onSubmit: function (file, ext) { if (!(ext && /^(jpg|jpeg|JPG|JPEG)$/.test(ext))) { alert(图片格式不正确,请选择 jpg 格式的文件...
这段时间在做公司项目的时候需要用到ajax进行分页（点击页码也是无刷新的显示上一页或下一页的内容，不是一般的选择跳转），但是在网上找了一下，大部分分页插件都是直接刷新跳转的，感觉和我的需求差距比较大，就自己动手写了一个可以实现自己需要的功能的js来实现这个控件，实现的效果如下： 因为业务需要，我需要在一个页面创建多个这样的页码控件（有些是在ajax中生成的），显然为每一个控件写一个专属的js是不现实的，所以，...