要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。本教程可能不是最精品的,但一定是最细致的。jQuery插件...
jPlayer简介: 想在网页上播放背景音乐,不想用html标签的方式,因为那样只有音乐全部下载完以后才能播放,还容易出现跨浏览器兼容性的问题,于是选了一款基于jQuery的播放器jPlayer来做。 设置jPlayer的尺寸大小 使用构造函数配置jPlayer({size:Object})设置jPlayer的高宽。 使用构造函数配置jPlayer({sizeFull:Object})设置全屏尺寸。 注意可通过构造函数配置jPlayer({backgroundColor:"#RRGGBB"})设置jPlayer背景颜色。 Flash 安...
一.简单选择器 在使用jQuery 选择器时,必须使用“$()”函数来包装CSS 规则。而CSS 规则作为参数传递到jQuery 对象内部后,再返回包含页面中对应元素的jQuery 对象。随后,就可以对这个获取到的DOM 节点进行行为操作了。#box {//使用ID 选择器的CSS 规则 color:red;//将ID 为box 的元素字体颜色变红 } 在jQuery 选择器里,我们使用如下的方式获取同样的结果:$('#box').css('color', 'red');//获取DOM 节点对象,并添加行为 那么除...
内容过滤器的过滤规则主要是包含的子元素或文本内容上。$('div:contains("xxx")').css('background', '#ccc'); //选择元素文本节点含有xxx 文本的元素 $('div:empty').css('background', '#ccc'); //选择空元素 $('ul:has(.red)').css('background', '#ccc'); //选择子元素含有class 是red 的元素 $(':parent').css('background', '#ccc'); //选择非空元素 jQuery 提供了一个has()方法来提高:has 过滤器的性能:$('ul').has('.red'...
jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。 如何把数据库中的数据以表格的形式展示到前端,实现有很多方法,最近用jquery的datatables插件来实现了发现还是比较简单的,今天我们来看一个例子,来说明这个插件的使用,基本原理是view函数从数据库中读出数据,jquery通过ajax获取数据并在前端展示出来,我们先定义一个models.py,如下:from django.dbimpo...
今天主要讲的控件是radio,select,input,Label,Literal。这边服务器控件讲的比较少,主要是因为服务器控件一来可以在后台赋值,其次服务器控件在解析后也是也是html控件 在平时写程序的时候,给radio赋值最头痛了。今天把这些控件的赋值做成DEMO,跟大家一起分享。 代码如下: JQuery给控件赋值 www.54talk.cn $(document).ready(function() { alert("aa"); var v1 = "2"; var v2 = "2"; var v3 = "abc"; var v4 = "lab"; ...
常听有人说jquery 比较难学,只要你感兴趣,实现幻灯片效果还是蛮有乐趣的,下面的Jquery 幻灯片教程将引领你进入Jquery插件开发的喜悦中,希望对大家有帮助。 1、 jQuery Easy Slides v1.1<?XML:NAMESPACE PREFIX = O /> <?XML:NAMESPACE PREFIX = V /> 在所有的Jquery幻灯片插件中,Jquery easy sildes算是最容易使用的一个。 2、 The Piecemaker XML Gallery非常酷的具有3D效果的jquery 插件,有详细的制作方法,...
1. Custom Animation Banner with jQuery在该教程中你将学会如何使用jQuery的Easing插件及2D Transform插件创建自定义的动画横幅。教程的想法是将不同的元素以自定义动画的形式融入到横幅中去。查看实例2. Moving Boxes Carousel with jQuery你将学会如何创建一个拥有改变面板及缩放面板的按钮的滑块。查看实例 3. Quick Feedback Form – jQuery & PHP通过jQuery和PHP实现的快速填写反馈表单的实例。查看实例 4. Wijmo – jQuery ...
幻灯片效果是常用的内容展示方式之一,这是一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。10篇 jQuery 幻灯片制作教程Create Beautiful jQuery slider tutorial jQuery Plugin – Feature List Create an Image Rotator with Description (CSS/jQuery) Moving Boxes Using the Wonderful jFlow Plugin Easy Slider 1.7 – Numeric N...
学习使用 jQuery 创建一个确认对话框学习如何制作一个自动变换的幻灯片如何制作带缩略图的全屏图片画廊学习使用 jQuery 制作立体效果的滑动相册学习使用 jQuery 制作谷歌圣诞涂鸦学习使用 jQuery 制作缩略图预览滑块学习如何制作可爱的预览图库学习使用 jQuery 制作带动画切换的表单学习使用 jQuery 制作作品缩放滑块学习使用 jQuery 制作气泡形的图片画廊学习使用 jQuery 制作有吸引力的照片效果学习使用 jQuery 制作遮罩效果的菜...
如果你一直想知道这是如何实现的,那么这里的13个 jQuery 内容滚动插件教程将帮助您实现这种效果。 jQuery Tools Scrollable AnythingSlider jQuery Plugin Sliding Boxes and Captions with jQuery Making a Content Slider with jQuery UI Creating a Slick Auto-Playing Featured Content Slider Create Featured Content Slider Using jQuery UI jQuery.ScrollTo Moving Boxes ImageSwitch jCarousel Using the Wonderful jFlo...
How To Build a Sliding Feature Slideshow with jQuery Fullscreen Gallery with Thumbnail Flip Moving Boxes Content with jQuery Animated Skills Diagram with Raphaël jQuery and CSS single page portfolio, a vertical parallax navigation How to Make Auto-Advancing Slideshows Rotating Image Slider with jQuery Image Wall with jQuery Thumbnails Preview Slider with jQuery Sliding Stacked Images...
jqPlot是一个非常强大的图表工具,曲线,柱状,饼图,应该有尽有,更要命的是,调用方便~~ 官网:http://www.jqplot.com/ 这里贡献上中文教程,基本上所有的api都很齐全,供有需要的童鞋们瞧瞧,更重要的是作为自己滴收藏~~哦耶耶~ jqPlot整的来说有三个地方需要配置。格式如: $.jqplot(‘target', data, options);target:要显示的位置。data:显示的数据。options:其它配置 seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", ...
滑块和幻灯片效果是常用的内容展示方式之一,这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。 > Slider Gallery with jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQuerySimple JQuery Image Slide Show with Semi-Transparent CaptionAnimate Panning Slideshow with jQueryCreate Bea...
这是一种在有限的网页空间内展示更多内容的良好方式,而且能吸引用户注意力。如果你想知道这是如何实现的,那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。 JCOVERFLIP Live Demo CREATE A CUSTOM IMAGE GALLERY WITH JCAROUSEL Live Demo COIN SLIDER Live Demo LOOPEDSLIDER Live Demo NIVO SLIDER Live Demo COLORFUL SLIDERS WITH JQUERY & CSS3 Live Demo HOW TO CREATE A SIMPLE ITUNES-LIKE SLIDER Live ...