jQuery AJAX进行表单验证例子 表单验证用到最多的是jquery来验证了,下面我们介绍一个稍高点了,利用ajax来表单验证了,具体的示例代码如下图所示。 html页面的代码如下: <body> <form action="form.php" method="post" id="form" onsubmit="return check();"> <table style="600px;" cellspacing="0"> <tr> <td>... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery+PHP+MySQL来实现一个在线考试功能 在线考试如果我们和数据库结合这样会更加的合理自然一些了,下面来为各位介绍一个jQuery+PHP+MySQL来实现一个在线考试例子。 在上一篇文章中,我们介绍了使用jQuery实现的测试题效果。那么本文将结合实例给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题,包括动态读取题目,答题完毕后台评分,并返回答题结果。这是一篇WEB综合应用文章,建议阅读本文的您应该具备HTML,jQuery以及PHP和MySQL等基本知... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery mobile自定义图标的示例 jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台. 环境 jquery1.9.1.js jquery mobile 1.4.2版 图标制作 18x18px 底透明的png图标 使用图标,这个过程开始怎么弄都不行,只有个灰色的圆出现,不见图标;或者出现图标,但位置不对,经过看jquery demo,终于知道了如何使用. 步... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery与AJAX实现二级联动实例(对中文处理比较好) jquery与AJAX实现二级联动实例我介绍过很多在此再为各位介绍一个对中文有比较好的处理,有兴趣的可进来看看。 所谓二级联动,其实稍微懂点js的都不陌生,关于二级联动的实现,不使用JQ,而是原生态的JS些,效率会更好,但是个人感觉用JQ写的话,思路会清晰点。 代码:html部分 <<a href="/tags.php/select/" target="_blank">select</a> name=”” id=”province”>&n... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery实现的测试答题例子 答题功能就是我们在网上做一些题目然后大家一个个去测试并且有一些比较好的效果了,下文我们给各位整理了一个jQuery实现的测试答题例子,希望对各位有用。 有时在网页中要加入一个在线测试功能,例如在线调查,在线测试各类知识等应用,这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。 HTML: 首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。 ... 2016年01月10日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文
jQuery页面侧边固定悬浮导航代码(带关闭按钮) 固定悬浮导航效果就是我们常用说的客服代码了,在这里我们一起来看一个兼容性非常强的jQuery页面侧边固定悬浮导航代码(带关闭按钮)例子。 <!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”> <... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery判断元素是否可见4个例子 jquery判断元素是否可见方法有很多了,我们可以通过各种系统自带的函数来进行判断区别,下面整理了几个例子,我们一起来看看吧. 使用is方法:is(':hidden')例如: $(document).ready(function(e) { if($('#d').is(':hidden')){ alert("yes"); }else{ alert("no"); } &... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
解决jquery中事件重复绑定问题 jquery事件绑定有很多的函数,但我们如果在级在同一事件上进行绑定我们可以尝试使用die()方法,在live()方法绑定前此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件,下面来看看方法。 一、$.fn.live 重复绑定 解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。 //先通过die()方法解除,再通过live()绑定 ... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery在图片上面描点的插件(Giga Image Viewer) Giga Image Viewer插件是基于jquery的一个描点插件了,我们可以利用它来在图片实现描点效果,下面我们一起来看看例子吧,我就把代码都down下来,并且处理了一下,其实作者还是提供了很多方便的API,业界良心呀. $(document).ready(function(){ var settings = { 'viewportWidth' :&nbs... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery中animate和CSS3实现缓动追逐示例 在jquery中animate方法可以实事效果慢慢加载了,下面我们给各位整理了一个jquery中animate和CSS3实现缓动追逐示例,希望此例子对各位有帮助。 CSS3和jquery都可以实现缓动追逐效果,但是考虑到浏览器的兼容性,建议使用jquery animate方法来实现,实现效果如下:引用文件:jquery-1.11.1.min.js html: <div id="container"> <div id="first"></div>&... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery表单验证之获得焦点提示 我们下面的这个例子就是当我们获得input焦点时就会显示一个让我们输入相关信息,如果正确就不显示,如果错误了提示相关信息,下面来看这个效果实现方法。 这几天一直在做一个表单验证的页面,为了达到友好界面,特意去抄了360buy的页面,模仿写了一个页面. jquery表单验证之获得焦点提示,就是验证表单里面所信息都为必填,代码如下: //注册页面验证机制 $("#username").focus(function... 2016年01月10日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文
jQuery中ajax post方法提交数据 ajax提交数据的方式有get,post了,在这里下面小编为各位整理了一个简单的ajax post方法提交数据例子,希望对各位有帮助。 例子: <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(f... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
Javascript动态添加页面元素及设置属性(div、li、img) 动态添加页面元素的一个属性其实使用js很容易实现的如创建一个 div,img,js都可以使用函数来创建,下面看例子。 网页是由 html 标签一层层组成的,js 也可以动态添加一层层的诸如 div、li、img 这样的标签。其实,不管是什么 html 标签,js 动态创建的方法都差不多,接着就先从动态添加 div 开始。 一、js 动态添加元素div <div id="parent"></div> function addEleme... 2016年01月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery动态提交表单的示例 动态提交表单用js或jquery都可以实现了,下面我们来几个jquery动态提交表单的示例,有需要的朋友可来看看。 例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button id="btn">js动... 2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery uploadify插件实现上传文件进度条效果 jquery uploadify插件是一个文件上传插件了,它可以配置脚本来实现文件上传了,下面小编来看看jquery uploadify插件实现上传文件进度条效果例子吧,希望文章对各位带来帮助。 一、jquery进度条代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %> <html xmlns="http://www.w3... 2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery判断页面是否被iframe框架调用打开 我们以前网站经常有人使用框架直接调用了,为了防止这种行为我们可以使用js来验证页面是不是给框架iframe调用了,具体的代码如下,之前有一个URL是页面打开,后来改成窗口了。于是乎我百度搜索了: <script> function fun1(){ if( window.top == window.self&... 2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery 滑动选取数值范围插件(仿阿里云选主机配置效果) 我们在看到阿里云选主机配置效果时可以拖动并选择具体的一个参数值了,下面我们就来为各位介绍利用jQuery 滑动选取数值范围插件来实现阿里云选主机配置效果吧. 有时我们在页面上需要选择数值范围,如购物时选取价格区间,购买主机时自主选取CPU,内存大小配置等,使用直观的滑块条直接选取想要的数值大小即可,无需手动输入数值,操作简单又方便。 本文向大家介绍一款范围选择器插件jRange,它是基于jQuer... 2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery实现Ajax提交form表单的程序 Ajax提交form表单其实是非常的简单了,我们只要绑定触发事件就可以在用户点击时实现ajax提交表单了,下面一起来看一段jQuery实现Ajax提交form表单的程序 介绍:介绍了如何将一个普通的form表单,迅速改造成通过ajax方式提交,并将结果显示在对话框中。 正文: 我们有一个非常普通的表单: <form id="form1" name="form1" method="get" action="post.html"> 标题<... 2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery Mobile实现侧边栏滑动菜单效果代码 jQuery Mobile是一个手机端的专用jquery插件了,我们可以使用它来做滑动效果了,下面来看看利用jQuery Mobile实现侧边栏滑动菜单效果代码吧. 话说使用jQuery已经有好几年了,从最开始的1.4到现在的2.1,越用越觉得方便,jQuery有一个移动开发的插件,那就是jQuery Mobile,一直有没有使用过这个插件,今天兴致好就试着制作一个侧边栏滑动菜单,效果还不错,现在分享给大家。 准备工作 我们需要jQuery.min.... 2016年01月09日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文
Lazy Load延迟加载图片的 jQuery 插件使用教程 Lazy Load是jquery的一个延迟加载图片插件了,这个插件可以实现真正的图片延迟加载效果了,下面我们一起来看看这个插件使用方法吧. Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览... 2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文