jQuery 做了一个列表分页的功能模块，主要的文件包括分页类 page.class.php 和 控制 ajax 分页的ajax.js，主要功能有： 1.可以选择 3 种常见的 url 分页格式； 2.可以选择 url 分页 还是 ajax 分页； 3.两种分页方式都可以自定义分页 a 标签的文字； 4.url 分页方式可以自定义分页偏移量； 5.url 分页方式可以选择手动跳转方式：手动输入页码跳转 或 下拉菜单选择页码跳转。列表分页功能含有但不一定全部包含的元素包括： 首页、下...
本文章来给大家介绍一个jQuery+Ajax+PHP实现“喜欢”评级功能代码，用户点击页面中自己喜欢的图片上的红心按钮时，前端页面向后台发送一个ajax请求，后台PHP程序接收请求后，查询IP库中是否已经有该用户的点击记录，如果没有，则将对应的数值+1，同时将该用户IP信息写入IP库，反之则告诉用户已经“喜欢过了”。 数据库设计 先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“喜欢”总数，pic_ip则记录用户点...
翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML 与本站上篇文章不同的是，翻板抽奖不提供开始和结束抽奖按钮，抽奖者自己决定选取其中的某一个方块，来完成抽奖的，所以我们在页面中放置6个方块，并且用1-6来表示不同...
前面手工写了一个下拉自动补全功能，写的简单，只实现了鼠标选择的功能，不支持键盘选择。由于项目很多地方要用到这个功能，所以需要用心做一下。发现select2这个插件的功能可以满足当前需求。在使用jquery插件select2的过程中遇到了一些疑惑，无论是穿json数据还是通过jsonp方式取数据，都能够正确返回。可是下拉列表中的条目却不能被选中，对鼠标和键盘选择都无效。后来发现，select2插件在实现选中时是以数据中的id字段为准的。...
在一些微博网站上我们经常可以看到这样的应用，微博内容列表上并没有使用分页条，而是一次加载一定数量的记录显示在列表页，当用户浏览到列表页底部时，可以通过单击“查看更多”来加载更多记录。本文将结合jQuery和PHP给大家讲述如何实现这种功能。 Ajax加载的基本原理：当页面载入时，jQuery向后台请求数据，PHP通过查询数据库将最新的几条记录显示在列表页，在列表页的底部有个“查看更多”的链接，通过触发该链接，向服务端发送...
本文实例讲述了PHP+jquery+ajax实现即时聊天功能的方法。分享给大家供大家参考。具体如下： 这是一个简单的利用jquery与php做的一个聊天室的源码,我们这里定时利用ajax读取数据库并进行刷新了,下面直接参上源码,实例代码如下: index.html页面如下：代码如下: 无标题文档 发言 data.php页面如下：代码如下:<?php header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");...
前面手工写了一个下拉自动补全功能，写的简单，只实现了鼠标选择的功能，不支持键盘选择。由于项目很多地方要用到这个功能，所以需要用心做一下。发现select2这个插件的功能可以满足当前需求。在使用jquery插件select2的过程中遇到了一些疑惑，无论是穿json数据还是通过jsonp方式取数据，都能够正确返回。可是下拉列表中的条目却不能被选中，对鼠标和键盘选择都无效。后来发现，select2插件在实现选中时是以数据中的id字段为准的。...
在一些微博网站上我们经常可以看到这样的应用，微博内容列表上并没有使用分页条，而是一次加载一定数量的记录显示在列表页，当用户浏览到列表页底部时，可以通过单击“查看更多”来加载更多记录。本文将结合jQuery和PHP给大家讲述如何实现这种功能。 Ajax加载的基本原理：当页面载入时，jQuery向后台请求数据，PHP通过查询数据库将最新的几条记录显示在列表页，在列表页的底部有个“查看更多”的链接，通过触发该链接，向服务端发送...
本文实例讲述了PHP+jquery+ajax实现即时聊天功能的方法。分享给大家供大家参考。具体如下： 这是一个简单的利用jquery与php做的一个聊天室的源码,我们这里定时利用ajax读取数据库并进行刷新了,下面直接参上源码,实例代码如下: index.html页面如下：代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh...
本文实例为大家分享了基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码，供大家参考，具体内容如下 数据库操作： CREATE TABLE IF NOT EXISTS `votes` ( `id` int(10) NOT NULL AUTO_INCREMENT, `likes` int(10) NOT NULL DEFAULT 0, `unlikes` int(10) NOT NULL DEFAULT 0, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8; INSERT INTO `votes` (`id`, `likes`, `unlikes`) VALUES (1, 30, 10); CREATE TABLE IF NOT EXI...
在网站开发过程中我们会经常用到签到功能来奖励用户积分，或者做一些其他活动。这次项目开发过程中做了日历签到，因为没有经验所有走了很多弯路，再次记录过程和步骤。 1.日历签到样式：2.本次签到只记录本月签到数，想要查询可以写其他页面，查询所有签到记录。（功能有，非常麻烦，古没有做。） 3.前台代码 <include file="Public:menu" /> <style type="text/css"> *{margin:0;padding:0;font:14px/1.8 "Helvetica Neue","mic...
本文实例讲述了php+mysql+jquery实现简易的检索自动补全提示功能。分享给大家供大家参考，具体如下： 这段时间看了一些关于自动补全提示方面的内容，发现大部分实现过程都十分复杂。心想这应该是一个比较简单的功能啊，于是自己亲自动手来小试一下。思路很常规，需要说明的是没有为提示内容绑定键盘事件，仅可用鼠标操作。 html+jQuery内容： <html> <head><style type="text/css">#autoBox{margin: 0px;padding: 0px;border: 1px ...
本文实例讲述了PHP+jQuery实现滚屏无刷新动态加载数据功能。分享给大家供大家参考，具体如下： index.php <?php require_once(connect.php); //连接数据库 $user = array(demo1,demo2,demo3,demo3,<de></de>mo4); //模拟了几个用户 ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <h...
1.首先做主页面Ajax_pag.php 代码如下： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>Ajax做分页</title><script src="bootstrap/js/jquery-1.11.2.min.js"></script><script src="Ajax_pag.js"></script><script src="bootstrap/js/bootstrap.min.js"></script><link href="bootstrap/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet" type="text/css"/></head><style>.header{margin-top: 20px;...
本文实例讲述了jQuery ajax+PHP实现的级联下拉列表框功能。分享给大家供大家参考，具体如下： 一 代码 fun.js： // JavaScript Document $(document).ready(function(){$.get("returnpc.php?flag=p", null, function(data){ //向服务器发送GET请求，获取省份的值，并将结果追加到省份下拉列表中$("#p").append(data);});$("#c").css("display","none"); //初始状态使城市下拉列表不可见$("#p").change(function(){ //为省份下拉列表...