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图片查看插件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库。 »

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手速测试小游戏实现思路详解

(-1)写在前面 我用的chrome49,jquery3.0,我得到过399分,信不信由你。 (1)设计思路 两个p元素放在div里,每个p元素的高度和宽度都和div一样,当鼠标放在div上时,第一个p向上移动(更改marginTop值),当鼠标离开div上时,第一个p向下移动。 (2)知识储备 a. :nth-child   #lol p:nth-child(1),当前元素p相对于他的父元素的所... »

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

本文实例讲述了jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <h... »

jQuery实现的右下角广告窗体跟随效果示例

本文实例讲述了jQuery实现的右下角广告窗体跟随效果。分享给大家供大家参考。具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.... »

jQuery查找节点方法完整实例

本文实例讲述了jQuery查找节点方法。 »

JS与jQuery实现隔行变色的方法

本文实例讲述了JS与jQuery实现隔行变色的方法。分享给大家供大家参考,具体如下: 传统的JS方法: <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="t... »

jQuery元素属性操作实例(设置、获取及删除元素属性)

本文实例讲述了jQuery元素属性操作的方法。 »

jquery实现全选、不选、反选的两种方法

在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为”checked”,假的为”undefined”;当用prop取值时,真的为”true”,假的为”false”。经过网上参考一些资料,及根据官方的建议这两个用法:具有 true 和 false 两个属性的... »

jQuery轮播图效果精简版完整示例

本文实例讲述了jQuery轮播图效果。分享给大家供大家参考,具体如下: <!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/19... »

jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现

禁用鼠标右键菜单栏 $("body").bind("contextmenu", function(event) { return false; }); 禁用快捷键 $("body").bind("keydown",function(e){ e=window.event||e; //禁止空格键翻页 if(event.keyCode==32){ return false; } //屏蔽F5刷新键 if... »

Jquery遍历select option和添加移除option的实现方法

如下所示: function changeShipMethod(shipping){ var len = $("select[name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){... »

jQuery自适应轮播图插件Swiper用法示例

本文实例讲述了jQuery自适应轮播图插件Swiper用法。分享给大家供大家参考,具体如下: 运行效果截图如下: 示例代码如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic... »

Page 1 of 392123»