<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #boss{ margin:auto ; width: 500px; background-color:#C48698; border: 2px; } #boss ul li { list-style: none; } #boss ul li div { display: none...
插件介绍这是一个我在写以前的项目的途中发现的一个国人写的jQuery图像裁剪插件，当时想实现用户资料的头像上传功能，并且能够预览图片，和对图片进行简单的裁剪、旋转，花了不少时间才看到了这个插件，感觉功能挺全面，代码实现起来也挺简单，再加上用的是Bootstrap，对移动端操作也有适配，于是就用了。现在稍微有点时间就记录一下，方便以后再用的时候查阅。另外也有对应的js版本。官方文档（英文）jQuery GitHub项目地址官方示...
原文:jquery实现替代iframe的功能使用iframe能很好的嵌入其他的网页或者网站，但是iframe每次加载都会浪费好多的时间，且会阻止其他元素的加载，搜索引擎也不能识别页面ifram框架中被调用的链接、文本、图片等等内容的。Html代码<ul class="list-side"><li><a target="a.html" >about</a></li><li><a target="b.html" >news</a></li><li><a target="c.html" >product</a></li><li><a href="http://ucmic.blogspot.com/" target="_b...
jquery 显示隐藏方法实现动画效果方向显示隐藏左上角到右下角show()hide()垂直向下slideDown()slideUp()水平与垂直两个方向toggle()垂直向上切换slideToggle()原文：https://www.cnblogs.com/shiazhen/p/11897969.html
<script>//实现全选与反选$(".allAndNotAll").click(function () {if ($(this).prop("checked")) {$("input[id=inlineCheckbox1]:checkbox").each(function () {$(this).prop("checked", true);});} else {$("input[id=inlineCheckbox1]:checkbox").each(function () {$(this).prop("checked", false);});}});//当其中不勾选某一个选项的时候,则去掉全选复选框$(":checkbox[id=inlineCheckbox1]").click(function () {$(".allAndNo...
html<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>左侧菜单</title><script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script><script type="text/javascript" src="js/test.js" ></script><style>* { padding:0; margin:0; }body { padding:100px; font:12px "宋体"; }.box { width:500px; border-bottom:1px solid #CCC; }.box h1 { height:30px; line-height:30px; padding:0 10px; font-size:1...
概述本文介绍Validate自定义表单校验方式。Validate插件虽然提供了丰富的验证规则，但在很多时候仍然很难满足我们的开发需求，在注册页面我们需要通过ajax验证用户输入的用户名是否已经被他人注册，那此时通过传统的Validate验证方式已经无法满足需求了！ 我们可以通过自定义验证方法来结合ajax实现这个需求。自定义ajax基本语法因为validate是JQuery的插件，所以在此之前必须先导入JQuery和validate的JS包。 <script type="tex...
滑动手势在移动设备是很流行的，在移动设备中滑动翻页中很常见虽然这个功能可以在jQueryMobile中实现，但是个人与之前写的《【jQuery】论手机浏览器中拖拽动作的艰难性》（点击打开链接）中的观点一直，由于这是在手机浏览器中浏览，而不是安卓的一个独立APP，所以不要经常除点击以外的移动设备手势，以免跟手机浏览器与手机系统本身的手势发生冲突。那么，使用jQueryMobile实现滑动翻页的效果到底怎么做呢？一、基本目标在手机浏览...
超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。注意别放错地方了哦。iframe代码，注意要写ID<iframesrc="test.html"id="main"width="700"height="300"frameborder="0"scrolling="auto"></iframe> jquery代码１：//注意：下面的代码是放在test.html调用$(window.parent.document).find("#main").load(function(){var main = $(win...
连载：（二）循序渐进，通过XML配置，实现通用于WinForm（.Net）、WebForm（Asp.Net+JQuery+EasyUI）表单、报表--原理作者：长江支流 本原理，适用于Window Form的CS，也适用于ASP.Net的BS。 在描述原理之前，先来看个传统的ORM写代码的例子。 实体映射 现在很多架构实现ORM，去动态的生成代码，实现数据增、删、改、查的功能。 实体的映射关系，是通过代码的方式进行映射的，是否可以通过XML文件，来配置实例的映...
这是一个纯js的jQuery插件，项目地址：http://barcode-coder.com/en/barcode-jquery-plugin-201.html使用示例: 1<!doctype html> 2<html> 3<head> 4<title>jQuery Barcode</title> 5<script type="text/javascript" src="jquery-1.4.4.min.js"></script> 6<script type="text/javascript" src="jquery-barcode.js"></script> 7<style type="text/css"> 8 .barcodeImg{margin:10px 0px} 9</style>10</head>11<body>12<div st...
广告对联：当scroll滚动到一定的距离左右两边会出现广告代码如下<html><head> <title></title> </head><style>*{margin:0;padding:0;}.left{width:100px;height:300px;background:red;float:left;position:fixed;left:0;top:200px;display:none;}.right{width:100px;height:300px;background:red;float:right;position:fixed;right:0;top:200px;display:none;}</style><script src="http://code.jquery.com/jquery-latest.js"></sc...
在做购物车系统是我们往往会遇到这样一个需求,在点击全选框时我们要将全部的单个账单都选中;在单个选中账单时,如果账单全部被选中则需要全选框处于选中状态,若没有全部被选中则全选框处于没选中状态;以下是在学习过程的实现代码:<script type="text/javascript">$(document).ready(function(){ //删除当前行商品元素// $(".del").click(function () {// $(this).parent().parent().remove();// }); /* $(".del").on("click",fu...
修改密码是比较简单的功能，要求如下：1、原密码必须输入正确，才可以修改密码2、新密码需在6-18位之间3、第二次输入的新密码必须与第一次相同。4、前三个条件同时满足的时，修改密码才能成功，否则显示错误提示信息。5、错误提示信息和验证信息全部使用ajax提交、响应效果图如下：（1）（2）（3）（4）修改成功之后显示提示信息，2秒后自动消失。HTML代码如下：<ul class=‘xform-ul‘><li><div class=‘form-label‘>Existing pa...
<!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-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery实现"跳到底部"，"回到顶部"效果(类似锚)</title><script src="jquery-1.4.4.min.js" type="text/javascript"></script><script type="text/javascript"> jQue...