我们在很多项目中使用了搜索功能来帮助用户更快更准确的找到想要的信息。本文将介绍如何实现用户输入自动提示的功能，就像谷歌百度搜索引擎一样，当用户输入关键字时，输入框下方会有提示，将与关键字相关的信息展现出来供用户选择，提升了用户体验。 本文将使用jquery ui的autocomplete插件，结合后端PHP，数据源通过PHP读取mysql数据表的数据。XHTML 首先将jquery库和相关ui插件，以及css导入。代码如下:jQuery ui 插件可以在官网...
本文实例讲述了jQuery+PHP实现的掷色子抽奖游戏详细步骤。分享给大家供大家参考。具体分析如下： 该游戏是以大富翁游戏为背景，综合运用jQuery和PHP知识，设计出以掷色子点数来达成抽奖的效果，当然抽奖概率是可控的，开发者可以将本实例稍作修改即可运用到网站中的抽奖活动场景中。效果图如下：完整实例代码点击此处本站下载。HTML部分： 首先我们需要准备两粒色子和奖品素材，这些作者已经打包上传了，请大家放心下载。我们将在h...
在上一篇文章中，我们介绍了使用jQuery实现的测试题效果。那么本文将结合实例给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题，包括动态读取题目，答题完毕后台评分，并返回答题结果。这是一篇WEB综合应用文章，建议阅读本文的您应该具备HTML，jQuery以及PHP和MySQL等基本知识。 quiz.php在这里为了讲解方便，我将php和HTML混写在quiz.php文件中。首先和本站上篇文章：jQuery实现的测试答题功能一样，载入jQuery库和quizs.js文...
用户登录与退出功能应用在很多地方，而在有些项目中，我们需要使用Ajax方式进行登录，登录成功后只刷新页面局部，从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。 准备数据库本例我们使用Mysql数据库，创建一张user表，表结构如下：CREATE TABLE `user` ( `id` int(11) NOT NULL auto_increment, `username` varchar(30) NOT NULL COMMENT 用户名, `password` varchar(32) NOT NULL COMMENT 密码, `login_time...
先给大家展示效果图：查看演示 下载源码 这是一个非常实用的投票实例，应用在双方观点对抗投票场景。用户可以选择支持代表自己观点的一方进行投票，本文以红蓝双方投票为例，通过前后台交互，直观展示红蓝双方投票数和所占比例，应用非常广泛。 本文是一篇综合知识应用类文章，需要您具备PHP、jQuery、MySQL以及html和css方面的基本知识。 HTML 我们需要在页面中展示红蓝双方的观点，以及对应的投票数和比例，以及用于投票交互的手...
通常所说的密码找回功能不是真的能把忘记的密码找回，因为我们的密码是加密保存的，一般开发者会在验证用户信息后通过程序生成一个新密码或者生成一个特定的链接并发送邮件到用户邮箱，用户从邮箱链接到网站的重置密码模块重新设置新密码。 当然现在有的网站也有手机短信的方式找回密码，原理就是通过发送验证码来验明正身，和发送邮件验证一样，最终还是要通过重置密码来完成找回密码的流程。 一般步骤是： 1.表单输入注册时的邮箱...
本文章来给大家介绍一个jQuery+Ajax+PHP实现“喜欢”评级功能代码，用户点击页面中自己喜欢的图片上的红心按钮时，前端页面向后台发送一个ajax请求，后台PHP程序接收请求后，查询IP库中是否已经有该用户的点击记录，如果没有，则将对应的数值+1，同时将该用户IP信息写入IP库，反之则告诉用户已经“喜欢过了”。 数据库设计 先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“喜欢”总数，pic_ip则记录用户点...
jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。调用jPaginate插件的方法很简单：$(elementID).paginate() 属性设置 可喜的是，jPaginate提供了很多属性配置，您可以轻易的定制想要的分页效果。 设置方法如：$(elementID).paginate({ count:80, start:1, ... }) count: 数字，总记录数。 start: 数字，...
先还是要说明本例的业务流程： 1、前端用户输入内容，并对输入的内容字数进行实时统计。 2、用户提交数据，jQuery实现通过Ajax向后台发送数据。 3、后台PHP接收提交表单的数据，并对数据进行必要的安全过滤。 4、后台PHP连接Mysql数据库，并将提交过来的表单数据写入到相应的数据表中。 5、后台向返回成功结果数据内容，并通过Ajax将返回的数据内容插入到前端页面中。 上述1、2步在前篇文章：jQuery篇已讲解了，本文将完成剩余的散...
翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML 与本站上篇文章不同的是，翻板抽奖不提供开始和结束抽奖按钮，抽奖者自己决定选取其中的某一个方块，来完成抽奖的，所以我们在页面中放置6个方块，并且用1-6来表示不同...
平时用的比较多的JQuery图片上传插件是Uploadify这个插件，效果很不错，但是由于手机不支持flash，所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错，所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章，不过我发现没有PHP版，所以这次服务器那边的处理就使用PHP语言来处理。 一、详解ajaxFileUpload插件的语法参数原理：ajaxfileupload是通过监听iframe的onloa...
本文实例讲述了php+jQuery+Ajax实现点赞效果的方法。分享给大家供大家参考，具体如下： 数据库设计 先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“赞”总数，pic_ip则记录用户点击赞后的IP数据。CREATE TABLE IF NOT EXISTS `pic` (`id` int(11) NOT NULL AUTO_INCREMENT,`pic_name` varchar(60) NOT NULL,`pic_url` varchar(60) NOT NULL,`love` int(11) NOT NULL DEFAULT 0,PRIMARY KEY (`id`) ) ENG...
不废话，直接上代码， 前台：<?php $category=$this->getMyVal(category,$_GET); $xiaohuaList=Xiaohua::model()->getXiaohao($category); //打开页面默认显示的数据 ?><?php foreach ($xiaohuaList as $xiaohua):?><?php $q_id=$xiaohua->id;?>"><?php echo CHtml::encode($xiaohua->title);?>"><?php echo $xiaohua->content;?>);" class="fx cursor_p" data-id="<?php echo $q_id;?>">分享<?php endforeach;?>后台：public fun...
下拉滚动条或鼠标滚轮滚动到页面底部时， 动态即时加载新内容。后台用 json 传输数据， 示例程序中只写了示例数组。数据也只设置了两个属性， 需根据实际应用改写。 页面用了 ul li 做为容器， 每个 li 表示一列PHP和Jquery和ajax实现下拉淡出瀑布流效果（无需插件） JS代码/* @版本日期: 版本日期: 2012年4月11日 @著作权所有: 1024 intelligence ( http://www.1024i.com ) 获得使用本类库的许可, 您必须保留著作权声明信息. ...
导读： 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格，像花瓣网、蘑菇街、美丽说等。 不废话，直接上代码，整段代码分为前后两段代码，具体代码如下所示。前台：<?php $category=$this->getMyVal(category,$_GET);$xiaohu...