JQuery知识:20个jQuery教程+11个jQuery插件

JQuery知识:20个jQuery教程+11个jQuery插件的相关文章

• 
  11个好用的jQuery拖拽拖放插件

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  这次我们整理一些拖拽播放类型的jQuery插件，这些可能不是很常用，但偶尔会有网站设计项目用到，特别是后台相关的开发项目，这个拖放排序功能一般都会有，所以适合大家收藏起来，方便日后使用。接下来一起看盾11个简单易用的jQuery拖拽拖放插件。 jQuery Gridly Gridly是个网格式的拖放移位jQuery插件，这个插件交互不错，我们在拖动的时候会显示一些移动动画，效果很好看。 此插件还有其它特色功能，比如关...[ 查看全文 ]

  创华业

  31
• 
  jQuery教程:14个实用的jQuery技巧

  标签：Web开发

  jQuery 之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！ 1.测试并提升你的j...[ 查看全文 ]

  jin37953175

  21
• 
  jQuery 位置插件

  标签：Web开发

  插件代码： /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动*/ /*2008-4-1修改：当自定义right位置时无效，这里加上一个判断 有值时就不设置，无值时要加18px已修正层位置在ie6下的问题 */ /*调用： 1 无参数调用：默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位...[ 查看全文 ]

  bd3700

  11
• 
  webjx收集45个jQuery导航插件和教程

  标签：Web开发

  45个jQuery 导航插件及教程。新用户访问一个网站的最初15～20妙会对他们对网站的喜好影响很大，促使他们决定去留。所以开发一个直观易用，风格恰当的导航帮助用户开始是非常重要的。这篇文章列出的这些教程不仅体现了jQuery的强大，也展示了导航创意设计的众多可能。 Horizontal Menu Navigation Plugins and Tutorials | According to usability expert Jakob Nielsen, tested to be more effici...[ 查看全文 ]

  acyacj

  51
• 
  jQuery教程:认识jQuery

  标签：Web开发

  首先，jQuery 是什么？ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。 jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是WRITE LESS,DO MORE,写更少的代码,做更多的事情。 有什么作用？ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种...[ 查看全文 ]

  奋斗的蚂蚁gai

  21
• 
  JQuery教程:简化JQuery

  标签：Web开发

  这是以前整理的一些代码，与JQer分享，希望对大家能有些帮助。 话说功能愈发强大的JQuery体积也不再小巧，55k(Minified)的大小虽然不能说很大，但如果用在一些小型项目或网站上，也不算小，那么我们何不根据自己项目特点，简化或改写JQuery呢，Follow me! 首先是JQuery的核心代码：代码: //不完全一致，但实现手段大致如此 (function(){   window._$ = window.$;   var $ = window.$...[ 查看全文 ]

  强颜欢笑丶驼i

  41
• 
  分享十五个最佳jQuery 幻灯插件和教程

  标签：Web开发

  幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣？那就看一下本文列出的jQuery插件吧！ 1. jFlow 官方网站 | 演示 一个漂亮而整洁的图片幻灯，被nettut推荐，如果你想自己做一个图片幻灯效果，就去看看吧。 2. 使用jQuery UI实现推荐内容的...[ 查看全文 ]

  最爱玩一玩

  11
• 
  javascript jQuery插件练习

  标签：Web开发

  简化后的插件： SimplePlugin.htm： 代码如下: !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/1999/xhtml" head title简化后的插件/title script type="text/ecmascript" src="../js/jquery-1.2.6.js"/script script type="text/ecmascript" src="../js/jquery.SimplePlugin.js"/scri...[ 查看全文 ]

  相由心生而已吗

  01
• 
  jQuery select控制插件

  标签：Web开发

  和大家分享一下代码： JavaScript代码 代码如下: //得到select项的个数 jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function() { return jQuery(this).get(0).selectedIndex; } //获得当前选中项的文本 jQuery.fn.getSelectedText = function() { if(this.size() == 0) { return "下拉框中无选项"; ...[ 查看全文 ]

  来了就要好好做

  101
• 
  jQuery教程：jQuery的核心

  标签：Web开发

  大家先不要看我的源代码，看看使用js是否能够做得出 要求： 1）页面上一个按钮； 2）点击后弹出窗口，我被点击了； 如下图： JavaScript代码如下：!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/1999/xhtml" head meta http-equiv="Content-Type&q...[ 查看全文 ]

  云台山导览

  211
• 
  jquery.lazyload 实现图片延迟加载jquery插件

  标签：Web开发

  什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery插件 ，插件名: jquery.lazyload（7kb大小），压缩后（3kb大小） ...[ 查看全文 ]

  脸红月

  181
• 
  30个气泡悬浮框（Tooltip）的jQuery插件

  标签：Web开发

  1. Dynamic tooltip Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.   2. Popup Bubble Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and simple websites.   3. jQuery Horizontal Tooltips Me...[ 查看全文 ]

  wei信srx042915

  701
• 
  WEBJX收集9个小巧实用的jQuery插件

  标签：Web开发

  Fullsize | Demo Fullsize的一个目的是下一个HTML标准中fullsize能够成为IMG 标签的一个属性，它的作用是在图片上提供可以查看图片原始大小的按钮。 Airport - Information Board Text Effect | Demo Airport是很简单的一个文字效果插件，模仿飞机场或者火车站公告牌显示站点文字效果，跳动显示。 jScrollPane | Demo jScrollPane 帮你替换浏览器默认的滚动条效果，可以轻松地更换你想要的样式。 ...[ 查看全文 ]

  请叫我神经个蛋

  201
• 
  jquery 简单图片导航插件jquery.imgNav.js

  标签：Web开发

  熟悉jquery的家伙大概花个5到10分钟就可以搞定了吧。由于这种导 航效果比较通用，LEVIN顺手写了个 jquery插件～ 如果你的网站也需要类似的效果，大可拿去直接用或者扩展下:) 如果你也想尝试将某些可重用功能封 装成jquery插件，别忘了看看一般的jquery插件开发过程，另外还有偶的一个jquery插件模板。 代码如下： ;(function($) { // Private functions. var p = {}; p.showC = function(opts) {...[ 查看全文 ]

  二叔1

  541
• 
  10个增强Web字体排版的jquery插件

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展，但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件，它们允许我们润色字体版式并创造出更多超级酷的效果。 不得不说，网站本身也创意十足，个性满满哟：） Lettering.js Lett...[ 查看全文 ]

  浮歌飘渺

  221
• 
  16个创新好用的网页jQuery插件下载

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  现在的网页设计对用户体验要示是很高的，如果我们能用一些好的jQuery插件来增加一下交互效果，这样就从一定程序上提升用户体验。今天设计达人网整理16个创新好用的jQuery插件，这些插件类型有很多，而且都是2013年最新出品，值得关注哦，就算你不用也能给你带来很好的灵感。 全屏滚动效果插件 FullPage.js – 自动全屏窗口大小，支持垂直和水平滑动，这个用来做专题页也不错。 查看插件 平滑的下拉...[ 查看全文 ]

  abc雪蓝花晶

  01
• 
  10个简单易用的jQuery拖放插件推荐

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  在这篇文章中，我们将给大家介绍10个使用简单的、基于jQuery的拖放插件，能够帮助你方便快捷的添加拖放功能到你的网站中。 1.  Drag n Drop Scattered Gallery 支持不同外观的图片拖放插件脚本。   2.  ImgNavigator 一个使用拖放功能和导航图的图片浏览画廊。你可以通过拖放图片或者导航来查看图片。 3.  jQuery List DragSort 一个轻量级的jQuery插件，帮助你使用拖放方式来排...[ 查看全文 ]

  2道火

  31
• 
  jQuery入门知识简介

  标签：Web开发

  到目前为之jQuery已经发布到1.4.2版本，而在这之前的一个星期他们刚发布1.4版本，看看他的各个版本的 发布时间 ，不难发现他的飞速发展，每个月都在更新版本；而且不断有人开发出新的 jQuery插件 ，最近又推出了 jQuery UI 库 jQuery于2006年一月十四号在BarCamp NYC (New York City)面世。主将 John Resig ，写有《Pro JavaScript Techniques》一书，因为效力于mozolla，据说firefox 3将包含Jquery，现在的 ...[ 查看全文 ]

  一人去远方

  11
• 
  jquery 问答知识整理

  标签：Web开发

  获取ID ： $(this).attr("id"); :not用法 1. 列表用法 代码如下： var notList = []; notList.push("#%=txtSuggest.ClientID %"); var textElements = $("input[type=text]:not(" + notList + ")"); var firstFocusItem = null; //遍历Type=Text的元素 textElements.each(function(i) { //TODO }); 2.排它用法 代码如下： $("table[id^=tb]:not([id=tbBasicInfo])").each(function() { a...[ 查看全文 ]

  驻足西域

  51
• 
  JQUERY THICKBOX弹出层插件

  标签：Web开发

  .THICKBOX支持一下浏览器: Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10……但是据我的使用,IE6还是有点问题的!下面我们首先来看它的调用: 1.肯定你先要下载jquery.js和thickbox.js了.还有thickbox.css也不能少! 代码如下: script type="text/javascript" src="path-to-file/jquery.js"/script sc...[ 查看全文 ]

  恢复吨happy

  191