jQuery

jQuery图片查看插件Magnify开发详解

jQuery图片查看插件Magnify开发详解

前言因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图片的缩放、旋转,平移、键盘控制等。使用方法Magnify 的使用和其他大多数 lightbox 插件的用法并没有两样,如果你习惯了其它插件的使用,使用 Magnify 也不会有任何障碍。 »

使用JQuery FancyBox插件实现图片展示特效

使用JQuery FancyBox插件实现图片展示特效

FancyBox是一个用于显示图像,HTML内容和多媒体的lightbox工具。 jquery插件之fancybox弹出框特效,与广为人之的lightbox插件比较类拟,可以展示单张图片,也可展示一组图片,它还可以展示自定义的内容与ajax载入外部文件的内容等,功能也是很方便与实用的。 Demo effect(image gallery): Sample code: <link href="... »

2014年50个程序员最适用的免费jQuery插件

2014年50个程序员最适用的免费JQuery插件

所以,在今天的文章中,我们收集了许多最适合应用在网站中的jQuery库。 »

Makisu : jQuery CSS 3D Dropdown Menu concept

2013年优秀jQuery插件整理小结

今天为大家推荐的是2013年的第一期,在这期里面十个jQuery插件涵盖了响应式的网格布局插件、图片放大插件、表单元素中自定义select插件,google 地图插件、文件拖放上传插件、tooltip提示插件、3D旋转菜单等等。 »

Jqueryimage481 in Cool and Useful jQuery Image and Content Sliders and Slideshows

很酷的60款jQuery 幻灯片演示和下载

Cloud CarouselShineTimeNivo SliderInteractive Photo DeskBeautiful Photo Stack Gallery with jQuery and CSS3Micro Image Gallery: A jQuery PluginMinimalistic Slideshow Gallery with jQueryImage Slider wit... »

精心收集的jQuery常用的插件1000

精心收集的jQuery常用的插件1000

1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书:www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accord... »

javascript 历史记录 经常用于产品最近历史浏览第1/2页

javascript 历史记录 经常用于产品最近历史浏览第1/2页

本文将用js+cookie来实现这一功能,因为最近都在研究jquery,所以也就顺便用上了,如果你不想用jquery,那么你更需要了解实现的过程就可以了,代码自己去写。 需要用到一个jquery的cookie插件,用来操作cookie,连接//www.jb51.net/article/18276.htm需要稍微了解json,资料使用json然为了简单,这里假设浏览记录只记录3个。 基本流程如下: ... »

jquery 实现京东商城、凡客商城的图片放大效果

jquery 实现京东商城、凡客商城的图片放大效果

效果如下:看下我们的演示,“运行代码”后请刷新一次: JQzoom Demo div.notes{ font-size:12px; } div.notes a{ color:#990000; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]要实现这样的效果,只需要在需要这样效果的页面的区域加入: 复制代码 代码如下:<link rel=”stylesheetR... »

jQuery实现动态控制页面元素的方法分析

jQuery实现动态控制页面元素的方法分析

本文实例讲述了jQuery实现动态控制页面元素的方法。分享给大家供大家参考,具体如下: 背景 最近做了一个小系统,其中需要在页面对用户的好友进行增删改查。本来没有那么复杂,用表格形式就可以相对容易的实现。 但是考虑到用户的体验度,首先添加尽量不想用输入,就采用将所有用户分类显示,然后点击即可添加。 添加的用户同时在界面显示,显示出用户当前的好友。同时点击已经添加好的好友可进行下一部的业务操作。 当... »

利用jQuery插件imgAreaSelect实现获得选择域的图像信息

利用jQuery插件imgAreaSelect实现获得选择域的图像信息

还是先来分析一下: (以下的值,如何获得,以后在具体的实现中再来分析,现在只谈宏观的) 如何获得选择域的图像信息?  其实就是要我们如何获得这个选择区域,在图像中的那个位置,并且这个区域的大小是多少? 把位置和大小告诉了计算机,它就知道我们是要获取那一块的图像信息了。 (我们的选择区域,是在一个平面当中,而且是一个规则的图形,正方形,或都矩形(通俗:长方形)) 大小: 这个区域... »

jquery将信息遍历到界面上实例代码

jquery将信息遍历到界面上实例代码

废话不说上代码 ps:能不能看懂全看造化显示的结果如图所示以上就是本次介绍的全部相关知识点,感谢大家的学习和对软件开发网的支持。 »

jQuery实现王者荣耀手风琴效果

jQuery实现王者荣耀手风琴效果

效果 思路分析: 1.鼠标经过某个小li 有两步操作: 2.当前小li 宽度变为 224px, 同时里面的小图片淡出,大图片淡入 3.其余兄弟小li宽度变为69px, 小图片淡入, 大图片淡出 ​代码实现略。(详情参考源代码) <!doctype html> <html> <head> <meta charset="utf-8"> <... »

jQuery 判断元素是否存在然后按需加载内容的实现代码

前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载 jQuery 插件会对前端性能的提升有不少帮助。按需加载的方法有很多,今天我们来说一下 jQuery 的方法。判断网页中一个元素是否存在的方法: var $selector = $('.my-element')... »

在这里插入图片描述

jQuery实现数字华容道小游戏(实例代码)

<!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>数字华容道</title> <script type="text/javascript" src="jquery.min.js"></script> <style type="te... »

jQuery 监控键盘一段时间没输入

监控一段时间没输入可用于简单的输入完成上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题,其中核心的判断标准是输入完成的定义。那么jQuery如何实现判断1秒内无输入呢。其原理可简述如下:用户每一次按下键盘,都记录当前的时间,然后再1秒后再判断一下时间。 »

jQuery animate和CSS3相结合实现缓动追逐效果附源码下载

CSS3和jquery都可以实现缓动追逐效果,但是考虑到浏览器的兼容性,建议使用jquery animate方法来实现。 先给大家展示下实现效果如下: 效果演示        源码下载 引用文件: jquery-1.11.1.min.js html <div id="container"> <div id="f... »

jQuery解决浏览器兼容性问题案例分析

本文实例分析了jQuery解决浏览器兼容性问题的方法。分享给大家供大家参考,具体如下: 问题: 当用户在名为abc的input控件按下回车键时,触发另一控件imgLogin的click事件 在IE 中 document.getElementById(‘abc’).click();能够调用abc的click事件 但是在FF中却不行。 解决方法: 必须以下这样: var evt... »

即将发布的jQuery 3 有哪些新特性

jQuery 的横空出世,至今已有十个年头了,而它的长盛不衰显然不是没有理由的。jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标... »

jQuery中的Deferred和promise 的区别

Deferred和Promise之间有什么区别呢? promise 一个promise就是一个由 异步函数返回的对象 。当你想要自己编写一个这样的函数时你需要使用一个deferred。 var promise = $.ajax({ url: "/myServerScript" }); promise.done(mySuccessFunction); promise.fail(myErrorFunc... »

详解JavaScript for循环中发送AJAX请求问题

首先说,出现这个问题的场景是很少见的,因为有太多更好解决方法。今天搞ajax的时候,一个有趣的地方,,每个迭代中都要发送一个get请求,因为迭代的速度太快,一个请求还没有完成就进行下一个迭代,在chrome和ff上,除最后一个请求外,其它请求都被取消了。所以该怎么办呢?设置延时(不太好)还是其他办法?  办法有很多,比如设置休眠,迭代等等, 我采用的是另外两种解决办法。  一、... »

jQuery常用的一些技巧汇总

引子 jQuery的存在,让学习前端开发的人感到前端越来越容易入门了,用简单的几行代码就可以实现需求,但是,你真的会用jQuery么,当代码运行后无法看到自己预期的效果,是不是觉得jQuery出了问题,其实,问题还是出在了自己会不会用上面。下面列举一些开发中经常遇到的应用实例,发现一下另一个不同的jQuery世界。 回到顶部按钮 利用jQuery里的animate和scrollTop方法,你便不需... »

jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)

这是一款基于jQuery的百叶窗焦点图动画,和之前介绍的CSS3百叶窗焦点图动画不同的是,它的兼容性更好,实用性更强,因为它是基于纯jQuery的,基本上所有浏览器都能够支持。焦点图的图片切换动画是百叶窗的动画方式,但也有几种不同的百叶窗动画,因此也不会觉得单调。 在线演示     源码下载 HTML代码 <div id="slider"> &l... »

不定义JQuery插件 不要说会JQuery

一、导言    有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写(“#”),(“#”),(“.”),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。 二、普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: ... »

jquery自定义右键菜单、全选、不连续选择

最近在项目中要实现一些自定义效果,例如右键菜单、全选、不连续选择等等,个人认为主要是理清楚逻辑和事件关系。要实现这些,也有现成的插件可以用,如jQuery UI的selectable。 1、右键菜单 当浏览网页时,单击鼠标右键(或ctrl+触模板左键)会出现浏览器默认的右键菜单项,就像这样子的: 但是当要对某个元素自定义右键,像这样子的: 就必须得先禁用浏览器默认的菜单,需要监听contextme... »

jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

本文实例讲述了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果的方法。分享给大家供大家参考,具体如下: 此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示。整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x... »

Page 1 of 392123»