`
xinklabi
  • 浏览: 1567492 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
文章分类
社区版块
存档分类
最新评论

JQuery常用

 
阅读更多
Jquery插件收藏
摘要: 1、带小图标的多级菜单导航演示地址：http://js.itivy.com/memu/sample.html下载地址：http://js.itivy.com/?p=100效果图：阅读全文
posted @ 2013-09-05 12:33 上品物语 阅读(382) | 评论 (0) 编辑
 
Jquery动态进行图片缩略
摘要: //页面加载完执行resizeImage()函数$(document).ready(resizeImage());function resizeImage(){ $(".pic a img").each(function(){ //加载图片至内存，完成后执行 $(this).load(function(){ //获得原始图片高宽 var imgWidth = $(this).width(); var imgHeight = $(this).height()...阅读全文
posted @ 2013-08-08 09:19 上品物语 阅读(413) | 评论 (1) 编辑
 
jquery返回页面顶部
摘要: 1、此博文图片样式引用腾讯网站，效果如下：2、样式设置：#toTop { /*选中的背景图片的大小*/ width: 54px; height: 54px; display: none;/*刚开始不显示*/ position: fixed; right: 25px;/*距离右边大小值*/ bottom: 45px;/*距离底部大小值*/ /*选定图片区域*/ background-image: url(images/qqbg_1.5.5.png); background-repeat: no-repeat; back...阅读全文
posted @ 2013-01-09 13:13 上品物语 阅读(1681) | 评论 (2) 编辑
 
Jquery插件珍藏
摘要: 1、图片局部放大jQZoom Evolution(演示|下载)2、信息提示框阅读全文
posted @ 2013-01-08 09:54 上品物语 阅读(618) | 评论 (1) 编辑
 
Jquery插件之信息弹出框showInfoDialog（成功、错误、警告、通知）
摘要: 功能：zhou en ce同学最近写了个基于jquery的信息弹出插件showInfoDialog，该插件对背景进行遮罩，然后弹出信息显示框，信息显示种类包括：一、信息种类说明：1.1、操作成功信息1.2、错误信息1.3、警告信息1.4、通知信息二、使用说明<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv阅读全文
posted @ 2012-12-20 14:36 上品物语 阅读(1526) | 评论 (1) 编辑
 
Jquery之树形插件
摘要: 1、DynaTree(推荐使用，说明文档以及样例在下载的压缩包里\doc\samples.html)DynaTree 是一个优化的动态jQuery树查看插件，它只在需要时才创建DOM元素。支持checkbox、层级选择以及拖放功能。并且支持ajax和延迟加载。开源协议：MIT和GPL。Demo：http://wwwendt.de/tech/dynatree/doc/samples.html下载地址：http://code.google.com/p/dynatree/文档：http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html2、jsTreeJ阅读全文
posted @ 2012-12-18 16:16 上品物语 阅读(7106) | 评论 (1) 编辑
 
jquery之分页插件smartpaginator
摘要: 今天推荐一个分页工具条插件：Smart Paginator，这个插件用途还是很广的，而且可定制性相当不错，目前内置三种颜色，有需要的话，可以自己改css定制颜色1.如何使用Smart Paginator？1.1引入以下几个文件<script src="jquery-1.4.4.min.js" type="text/javascript"></script> <script src="smartpaginator.js" type="text/javascript"></sc阅读全文
posted @ 2012-12-18 14:34 上品物语 阅读(1215) | 评论 (0) 编辑
 
Jquery之弹出层插件FancyBox
摘要: jquery 弹出层插件FancyBox弹出层演示支持图片、文章内容、flash swf弹出层等jquery特效插件FancyBox弹出层支持多种方式弹出层如：图片弹出层、文字信息弹出层、flash弹出层、ajax弹出层、Iframe弹出层详见：http://fancyapps.com/fancybox/http://www.jsfoot.com/jquery/demo/2011-07-30/91.html阅读全文
posted @ 2012-12-18 14:02 上品物语 阅读(1646) | 评论 (1) 编辑
 
Jquery为单选框checkbox绑定单击事件
摘要: 一、假设有如下一段html代码<dd id="1"><input id="checkbox-518" class="imagezz" name type="checkbox" value="518"></dd>选中事件（根据选中情况修改上一层背景）：var $test_image_check_box_click = function() { if ($(this).attr("checked") == "checked"阅读全文
posted @ 2012-12-18 11:13 上品物语 阅读(1069) | 评论 (0) 编辑
 
Jquery之ShowLoading遮罩组件
摘要: 一、遮罩用途及效果 ShowLoading这个jQuery插件设计用于当运行Ajax请求时，可以在屏幕某一特殊区域(id,class或者html标签)覆一张正在加载中的图片。 有时候我们页面调用后台程序时间比较长时，前台页面暴露在用户之下，如果用户点击可能会造成逻辑混乱。这时候，遮罩就起到了很好的效果，在触发后台程序时我们将前台页面遮住，不让操作，同时给予一个程序运行请等待的效果。遮罩效果：二、JQuery遮罩UI实现引用文件：（下载地址）showLoading.cssjquery.showLoading.js<link href="style/showLoading.css&阅读全文
posted @ 2012-12-18 10:12 上品物语 阅读(9362) | 评论 (3) 编辑
 
Jquery 日期选择
摘要: 1、首先将Jquery中的datepicker插件中的相关属性值改成中文的：$.datepicker.regional['zh-CN'] = { clearText: '清除', clearStatus: '清除已选日期', closeText: '关闭', closeStatus: '不改变当前选择', prevText: '<上月', prevStatus: '显示上月', prevBigText: '<<', prevBigStatus: &#阅读全文
posted @ 2012-12-14 14:36 上品物语 阅读(1771) | 评论 (0) 编辑
 
Jquery实现遮罩层
摘要: 1、假设#main为页面body中的最外层Div标签2、背景被遮罩后，显示的弹出窗（默认是不显示的，所包含的CSS这里就不贴了）：<!-- Status Bar Start --><div id="warning-dialog" class="status warning center-top no-display"> <p class="closestatus"><a href="javascript:$().hideWarningDialog()" title=&quo阅读全文
posted @ 2012-12-13 16:25 上品物语 阅读(6242) | 评论 (0) 编辑
分享到：
| jQuery弹出层插件–BlockUI
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics