翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML 与本站上篇文章不同的是，翻板抽奖不提供开始和结束抽奖按钮，抽奖者自己决定选取其中的某一个方块，来完成抽奖的，所以我们在页面中放置6个方块，并且用1-6来表示不同...
本文章来给大家介绍一个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: 数字...
先给大家展示效果图：查看演示 下载源码 这是一个非常实用的投票实例，应用在双方观点对抗投票场景。用户可以选择支持代表自己观点的一方进行投票，本文以红蓝双方投票为例，通过前后台交互，直观展示红蓝双方投票数和所占比例，应用非常广泛。 本文是一篇综合知识应用类文章，需要您具备PHP、jQuery、MySQL以及html和css方面的基本知识。 HTML 我们需要在页面中展示红蓝双方的观点，以及对应的投票数和比例，以及用于投票交互的手...
在上一篇文章中，我们介绍了使用jQuery实现的测试题效果。那么本文将结合实例给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题，包括动态读取题目，答题完毕后台评分，并返回答题结果。这是一篇WEB综合应用文章，建议阅读本文的您应该具备HTML，jQuery以及PHP和MySQL等基本知识。 quiz.php在这里为了讲解方便，我将php和HTML混写在quiz.php文件中。首先和本站上篇文章：jQuery实现的测试答题功能一样，载入jQuery库和quizs.js文...
很简单的一个小例子 jQuery Mobile + PHP 通过超全局 $_FILES 上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务器下的文件夹, 下面是html和php的代码代码如下: <!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/...
这两天用上传的控件，PHP+Jquery今天先介绍这个uploadify，嗯，我今天下载因为我英文不是很好所以我就在网上找的使用教程，我发现好多用不了，我那个去，你看官方文档才知道很多API已经不是以前的API了。今天总结一下给大家，给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/！简单举例一下使用然后我都加上注释给大家，方便大家阅读和使用下载官方的之后直接使用就OK了，当然你需要什么在直接修改就可以...
Email检测,密码重复检测,可以用于表单发送的各种环境，例如发送反馈，注册帐号代码如下:<div id="container"> <?if( isset($_POST[send]) && (!validateName($_POST[name]) || !validateEmail($_POST[email]) || !validatePasswords($_POST[pass1], $_POST[pass2]) || !validateMessage($_POST[message]) ) ):?> <div id="error"> <ul> <?if(!validateNa...
HTML 首先在head部分载入raphael.js库文件和chinamapPath.js路径信息文件，本文不重复写下，唯一不同的地方是需要在body中加一个div#tip，用来展示地图信息的提示框。代码如下:<div id="map"></div> <div id="tip"></div> jQuery 通过调用raphael绘制出中国地图，然后载入统计数据，由于地图区块小，我们不在地图载入的时候就将数据显示在地图区块上了，我们通过鼠标交互实现将数据信息更好的展示给用户。当鼠标滑向省份区块时，通...
后台使用php，前台引用jquery，实现增删操作，代码如下：代码如下:<script type="text/javascript" src="jquery-1.10.2.min.js"></script> <?php header("Content-type: text/html; charset=utf-8"); //mysql_connect 建立连接,mysql_close($link)关闭非永久连接，mysql_pconnect 建立永久连接 //mysql_error返回mysql函数错误信息，mysql_errno返回mysql函数错误号码 //mysql_set_charset 设置用户端字符集，mysql_select_db 选择...
本文主要介绍了jQuery实现 上升、下降、删除、添加一行代码的实现方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下，希望能帮助大家更好的运用jQuery。应用场景：多值排序、分类排序等操作此代码是经过实践后，实现方法简洁，而且不会丢失（js添加一行人工填入的Input值）input值依赖Jquery，不依赖其它扩展Javascript代码/* addTableRow 为添加一行按钮的id值 tableAttr 为table的id值 */ $(function(){//添加一行$(#addTa...
实现选项卡有很多方法，但是万变不离其宗，思路很重要，本文主要介绍了jQuery两种方法写选项卡的实例，具有很好的参考价值。下面跟着小编一起来看下吧，希望能帮助到大家。效果图：代码如下：<!DOCTYPE html> <html><head><meta charset="UTF-8"><script src="http://code.jquery.com/jquery-1.8.0.min.js"></script><title>JQuery 源码分析</title><style>#p1 p{width: 200px;height: 200px;border: 1px solid #FF0000;display: n...
本文主要和大家分享jQuery实现一个类似GridView的编辑,更新,取消和删除的功能，在项目中遇到这样的需求当用户点击编辑时，在点击行下动态产生一行，编辑铵钮变为disabled,新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行，编辑铵钮状态恢复。下面小编给大家分享实例代码，一起看看吧。先来看看下面实时效果演示：用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。新产生的一行有更新和取消...
这篇文章主要介绍了jQuery实现的简单动态添加、删除表格功能,涉及jQuery事件响应及表格元素动态操作相关实现技巧,对jquery感兴趣的朋友可以参考下本文实例讲述了jQuery实现的简单动态添加、删除表格功能。分享给大家供大家参考，具体如下：具体代码如下：<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>www.gxlcms.com 脚本之家</title><style>* {padding: 0;margin: 0;}.wrap {width: 410px;margin: 100px...
本文主要介绍了jquery与js实现全选功能的区别,需要的朋友可以参考下，希望能帮助到大家。一、jquery常用的事件click(),dbclick() focus(),blur() change() keydown(),keypress(),keyup() mousedown(),mouseup() mouseenter(),mouseleave() mouseover(),mouseout() mousemove()二、jquery挂事件$（“p”）.bind("事件名称”，要执行的匿名函数)$（“p”）.unbind("事件名称”)三、jquery实现全选功能(重点是属性用.prop(...