本文实例讲述了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"> <head> <meta http-eq...
更新 1.2版本 删除回调函数的控制台输出调试，因为在IE6下没有控制台会造成插件出错， 完成build功能。 提示信息按钮支持多个，此版本为最新的稳定版。 近期将会提供更加详细的data书写格式说明，build时html格式说明，详细的options参数说明。补充内容类型的切换展示案例。 Introduction: jquery imageShown 插件可以完成多种形式的内容轮显切换， 所有我提供的Demo中虽然都是导航带动的轮显图片，但是它还能完成内容的切换，即可...
最近在工作中需要用到地址选择器，像下面这样的，本想在网上找一个，可是没找到，于是自己写了个jquery插件。直接上代码吧：var provinces = {"A": {"安徽":["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"]},"B": {"北京": ["北京市"]},"C": {"重庆":["重庆市"]},"F": {"福建":["福州市","厦门市","莆田市","三明...
要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶，编写一个属于自己的插件是个不错的选择。本教程可能不是最精品的，但一定是最细致的。jQuery插件...
这次分享的代码是jQuery插件，HovertreeImg是一个图片轮播jquery插件，使用方便，可以设置大小，圆点位置等，代码简洁 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><base target="_blank" /><meta charset="utf-8" /><style>#img {width:768px;height:66px;overflow:hidden} #img img{width:100%;height:100%;} #img #imgcontent{display:none}a{color:blue}</style> </h...
本文实例介绍了jQuery插件Validate实现自定义校验结果样式的详细代码，分享给大家供大家参考，具体内容如下 效果如下：具体步骤： 1、引入依赖包<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script><script src="lib/jquery.validate.js" type="text/javascript"></script> 2、添加错误样式em.error {background:url("images/unchecked.gif") no-repeat 0px 0px;padding-left: 16px; } em.success {bac...
插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种，由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言，直接使用这些插件将快速稳定架构系统，节约项目成本。 一． 插件概述 插件是以 jQuery 的核心代码为基础，编写出复合一定规范的应用程序。也就是说，插件也是 jQuery 代码，通过 js 文件引入的方式植入即可。 插件的种类很多，主...
上传图片预览，支持IE6、IE7、IE8、IE9、IE10、IE11。 火狐、Chrome 具体没有测试，但是高版本都支持。 imgPreviewQs.js /*!依赖 jQuery 1.5.2 (c) 2016 license: http://www.opensource.org/licenses/mit-license.php */ (function($){ $.fn.imgPreviewQs = function(options){function isIE(ver){var b = document.createElement(b)b.innerHTML = <!--[if IE + ver + ]><i></i><![endif]-->return b.getElementsByTagName(i).le...
本文实例讲解了jQuery Validate 表单验证插件，如何自定义一个验证方法，分享给大家供大家参考，具体内容如下 效果如下： 验证失败效果：验证成功效果：具体步骤： 1、引入依赖包<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script><script src="lib/jquery.validate.js" type="text/javascript"></script> 2、添加错误样式和成功样式em { font-weight: bold; padding-right: 1em; vertical-align: top...
之前用AJax给Controller传递参数，然后再调用服务端的方法对数据库进行更改，今天碰到一个新的方法，就是表单的提交，这样可以省去AJax传参。 当表单提交后，我们可以获取表单上控件中的值，然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。一、要实现的功能：从上面这个表单中，获取控件中的值，然后传递给后台。下面是表单代码。 二、表单代码<div id="Editwin" class="easyui-window" title="编辑班级...
Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章，文章有多个节点，那么使用Tocify可以根据节点元素动态生成文章目录，点击目录可以平滑滚动到对应的节点，当然当滚动页面时，目录结构会根据当前监听到的节点进行切换到当前目录状态。效果展示 源码下载 Tocify目前支持Twitter Bootstrap和jQueryUI Themeroller两种主题风格，我们可以根据实际项目任选其中一种风格，另外必要条件jQuery 1.7....
本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考，具体如下： 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法： 1.formSerilize() 用于序列化表单中的数据，并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到页面加载时的默认值。 疑问：ajaxForm()与ajaxSubmit()的区别： 答案...
本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法，具有一定的参考价值，特分享给大家供大家参考，具体内容如下 实现效果：具体代码： 1、插件默认参数// 默认参数 $.confirm.defaults = {// 样式css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.css?v=" + Math.ceil(new Date() / 86400000),// 确认框内容content: "确认吗？",// 确认按钮文字sureButton: "确认",// 取消按钮文字cancelButton: "...
要实现的功能：在做添加学生信息的时候，利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图：但在做这个的过程中，遇到了一系列的问题： 扩展validatebox的验证方法，最开始的验证代码如下：//学号格式只能为数字 ****//这里没有问题**** number: {//value值为文本框中的值validator: function (value) {var reg = /^[0-9]*$/;return reg.test(value);},message: 学号格式不正确. }, //验证学号不能重复 snu...
有时项目中需要一个文件批量上传功能时，个人认为uploadify是快速简便的解决方案，分享给大家供大家参考，具体如下 先上效果图：具体代码如下： 在页面中如下完整页面代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-...