`
xinklabi
  • 浏览: 1584896 次
  • 性别: 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常用插件大全pdf

    ### jQuery常用插件详解 #### 1. Horizontal Accordion: jQuery **知识点**: 水平方向折叠控件,基于jQuery开发,设计简洁,适用于快速实现网页中的菜单或信息展示板块。 #### 2. jQuery-HorizontalAccordion **...

    jquery常用插件包

    这个“jquery常用插件包”包含了几个重要的jQuery插件的源代码,包括dialog对话框插件、menu菜单插件以及tabs选项卡插件,这些都是网页交互设计中常用的组件。 首先,让我们详细探讨一下jQuery库的基础知识。jQuery...

    jQuery常用代码片段

    这篇博文"jQuery常用代码片段"很可能是为了分享一些实用的jQuery代码示例,帮助开发者提高工作效率。下面我们将深入探讨jQuery的一些核心功能和常见用法。 1. **选择器**: jQuery的选择器类似于CSS,可以轻松地选取...

    jQuery常用插件介绍/收集

    **jQuery常用插件介绍/收集** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作等任务。本文将详细介绍一些常用的jQuery插件,并探讨它们在实际项目中的应用...

    JQuery常用组件

    jQuery 常用组件打包下载! 内含有: jquery.1.1.4.core.zip --jQuery最新核心代码 jquery.calendar.zip --日历组件 jquery.menu.zip --菜单组件 jquery.tablesorter.zip --表格排序组件 jquery....

    jQuery常用功能大全

    ### jQuery常用功能详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`符号来完成。jQuery的强大之处在于它支持多种选择器语法,比如: - **ID选择器**:通过...

    jQuery 常用版本大全

    本资源集合了jQuery的常用版本,帮助开发者在不同项目需求中找到合适的版本。 首先,我们要理解jQuery的核心概念。jQuery通过一种简化的语法,使得操作DOM(Document Object Model)变得简单。例如,通过`$()`选择...

    JQuery常用方法

    ### JQuery 常用方法详解 #### 一、JQuery简介及使用 1. **下载地址**:JQuery官网提供最新版本的下载链接,地址为http://jquery.com/。通常,JQuery会提供两种版本供用户下载:压缩版与未压缩版。其中,压缩版...

    jquery常用插件

    这个“jquery常用插件”压缩包很可能是包含了一系列实用的jQuery扩展,这些插件能帮助开发者快速实现一些常见的功能,比如图片轮播、下拉菜单、表单验证、弹窗提示等。 1. **源码分析**: - 对于开发者来说,研究...

    jquery常用组件打包下载

    这个“jquery常用组件打包下载”提供了一系列实用的jQuery插件,帮助开发者快速构建功能丰富的Web应用。 首先,让我们来了解一下jQuery库的核心特性: 1. **选择器**:jQuery提供了一种强大的CSS选择器语法,使得...

    jquery常用工具集合JQuery常用工具集合为用户整理了众多jquery的插件,用户下载后可以直接使用

    JQuery常用工具集合为用户整理了众多jquery的插件,用户下载后可以直接使用,可以完美兼容各大浏览器,给用户编写代码带来无限便捷 个人把常用的一些jquery插件做了一个demo。 Jquery继prototype之后又一个优秀的...

    jquery常用插件下载

    《jQuery常用插件详解与应用》 jQuery,作为一款强大的JavaScript库,因其简洁的API和丰富的插件生态,被广泛应用于网页开发中。本篇文章将深入探讨jQuery的常用插件,以及它们在实际项目中的应用。 首先,jQuery...

    15个jquery常用案例源码

    这里我们探讨的"15个jquery常用案例源码"集合,提供了多种实用功能的示例代码,可以帮助开发者快速理解和应用jQuery在实际项目中的各种场景。 1. **百度搜索下拉代码**:这个案例模拟了百度搜索框的下拉提示功能,...

    jQueryDemo(JQuery常用操作2005)

    《jQueryDemo:深入理解JQuery常用操作》 jQuery,作为一款强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在"jQueryDemo(JQuery常用操作2005)"中,我们将深入探讨jQuery...

    JQuery_1.4_API及jQuery常用插件大全

    **jQuery常用插件** jQuery的丰富生态系统包含了大量优秀的插件,这些插件大大扩展了jQuery的功能,提高了开发效率。 1. **Bootstrap插件**: 用于构建响应式、移动设备优先的网页项目,包含栅格系统、下拉菜单、...

    Jquery常用丰富特效

    在"Jquery常用丰富特效"这个资源中,你将找到一系列广泛应用于网页开发的JQuery特效,这些特效能够极大地提升用户体验并增加网站的互动性。 1. **选择器与遍历**:JQuery的选择器语法简洁,能够方便地选取DOM元素。...

    jquery常用极简垂直导航栏

    对于“jquery常用极简垂直导航栏”,我们通常会遵循以下步骤: 1. **HTML结构**:首先,我们需要创建一个包含导航项的无序列表(`&lt;ul&gt;`)作为导航栏的基础框架。每个导航项是一个列表项(`&lt;li&gt;`),其中包含链接(`...

    jquery常用方法总结

    ### jQuery 常用方法总结 #### 一、页面元素的引用 在使用 jQuery 进行页面元素操作时,我们通常会使用 `$()` 函数来选取元素。这其中包括通过 `id`、`class`、元素名称以及元素之间的层级关系等方式进行选择。...

Global site tag (gtag.js) - Google Analytics