1.1 背景半透明遮罩层样式 需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */ #overlay {background: #000;filter: alpha(opacity=50); /* IE的透明度 */opacity: 0.5; /* 透明度 */display: none;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 100; /* 此处的图层要大于页面 */display:none; }1.2 jQuery实现遮罩/* 显示遮罩层 */funct...
前几天，需要做一个弹幕展示效果，看了网上很多资料，但是很不凑巧，都不能满足自己的需求和功能点，但是总不能放弃吧，那么就自己写一个，今天把成果分享给大家，首先说一下市面上比较流行的弹幕插件吧：1.有关视频的弹幕 http://www.jq22.com/jquery-info2123jquery.barrager.js聊天弹幕 http://www.bootstrapmb.com/item/6429当然网上也有很多插件，重点说一下我看的这三款，第一款如果不碰撞还可以，但是不适合vue，需要自己改...
each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。 jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。 jQuery.prototyp...
前言最近开发的一套系统中需要对商品进行管理，在选择商品时，要分别从品牌、型号、商品三个类别分别选择对应的选项才能找到需要的商品，三者的关系为：品牌包含型号，型号包含商品，因此使用了三个不同的 asp:CheckBoxList 控件进行开发。 但是在开发完成之后，发现当 CheckBoxList 中数据过多的时候，查找起来相当麻烦，因此考虑在控件外部加多一个 Textbox ，并且使用 jQuery 控制不包含关键字的元素隐藏起来。开发思路那么具体...
最近有同事提到类似网页右下角的消息悬浮提示框的制作。我之前也做过一个类似的例子，很简单。是仿QQ消息。现在感觉之前的那个例子只是说了实现原理，整体上给你的感觉还是太丑，今天为大家带来一个新的例子。是Discuz右下角悬浮层提示的。运行效果如下： 代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/19...
<!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文件，来配置实例的映...