随笔分类 - jquery
摘要：1 //jquery判断浏览器信息 2 $(function(){ 3 var bro=$.browser;//获取浏览器用户代理信息; 4 var bro_msie=bro.msie;//判断是否为ie浏览器，假如为ie浏览器就返回：true，否则返回：undefined; 5 var bro_firefox=bro.mozilla;//判断是否为火狐浏览器；假如为火狐浏览器就返回：true，否则返回：undefined; 6 var bro_opera=bro.opera;//判断是否为opera浏览器；假如为opera浏览器就返回：true，否则返回：u...
阅读全文
摘要：今天发现这个插件效果酷毙了！发来收藏一下Flux Slider 是一个基于CSS3动画的图片切换效果插件，使用了很多CSS3的新属性，其切换效果很流畅，2D切换效果基本和其他的类似插件差不多，但是它的3D切换效果非常炫目，至少我个人比较喜欢那个Explode爆炸效果，图片被分成很多小块，然后分崩离析的朝你扑面而来，效果非常酷^_^作者演示页：http://www.joelambert.co.uk/flux/下载及说明：https://github.com/joelambert/Flux-Slider这里还有一个演示地址：http://blog.dvxj.com/uploadimg/Flux_S
阅读全文
摘要：偶尔发现了这么一个插件，很不错的一个功能！jQuerybgStretcher (Background Stretcher)，可以为你的网页添加多张背景图，且多个背景图能够自动切换，同时背景图大小可以自适应浏览器窗口的大小。背景图的切换效果有淡入淡出，滚动，幻灯，其中选用滚动和幻灯时，可以选择方向，上下左右，或者左上右下，右上左下。图片切换顺序也可以设置正向，反向或者随机。插件特点： 脚本文件简洁，设置简单； 支持所有新版浏览器； 支持单张或者多张图片。插件使用： 首先你要把插件先下载再说，插件包里已经包含了所需要的JS文件。 然后，把下面的代码插入到你网页的<head>和</
阅读全文
摘要：Slides – 是一个简单的，容易定制和风格化，的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。它附带充分的说明和示例。DEMO地址：http://slidesjs.com/官网地址：http://slidesjs.com/基本的HTML结构 1 <!doctype html> 2 <head> 3 <title>Title</title> 4 5 <style type="
阅读全文
摘要：最近自己需要写jQuery插件，在网上找到了这篇文章，很齐全，特此收藏以便参考学习；
阅读全文
摘要：现在很多网站都有换肤功能，通过切换风格可以让同一个网站带给用户不一样的体验，那么如何动态切换风格呢？
我们现在的网站都是结构，表现，行为分离，所以我们可以通过切换CSS样式来更改页面风格。
阅读全文
摘要：resize事件是在窗口或框架的大小被调整时发生，包括最小化、最大化。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。
这是个让人每次改变页面窗口的大小时很郁闷的方法，尤其在IE浏览器中，稍微动下窗口边框，就会触发很多次事件。更让人蛋疼的是在resize事件中包含某些页面内容处理或计算导致resize事件再次被触发的时候，IE会随机陷入假死状态。
阅读全文
摘要：AeroWindow是个Win7样式的弹出窗口，jQuery插件，效果很酷~而且还像windows的窗口一样可最大，最小化，随意拖动。
阅读全文
摘要：1>show() 显示隐藏的匹配元素这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。示例//显示所有段落HTML 代码:<p style="display: none" mce_style="display: none">Hello</p>jQuery 代码:$("p").show()2> hid
阅读全文
摘要：今天又发现了一个比较好的东西 jQuery UI ，学习学习。官网上面很详细，由于我英文不太好！所以了解的不是很好！如果有高手希望能多指教下。不胜感激！官网：http://jqueryui.com/demos介绍：jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。使用方法：首先导入JS和CSS文件: <link href="../Styles/jquery-ui-1.8.6.custom.css" mce_href="Styles/jquery-ui-1.8.6
阅读全文
摘要：最近项目需要用到弹出层！最后找到Thickbox，它能在浏览器界面上显示非常棒的弹出框，可以显示单图片，多图片，AJAX 请求内容或链接内容。感觉挺不错的！Thickbox的官方网址：http://jquery.com/demo/thickbox/以下是搜集到的一些使用方法：要使用 ThickBox，需要下载三个文件：JS 文件：thickbox.js 或者压缩版本 thickbox-compressed.js。 CSS 文件：ThickBox.css 最后一个 Loading 图片：loadingAnimation.gif 因为Thickbox是基于Jquery的，所以还需要有 jQuery
阅读全文
摘要：jQuery是我最喜欢的Javascript LibraryjQuery是一款免费且开放源代码的JavaScript代码库。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库 ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很
阅读全文
摘要：jQuery的灯箱插件很简单，典雅，乖巧，无需额外的标记， 用于覆盖当前页面上的图像“Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。类似于WinXP操作系统的注销/关机对话框，除去屏幕中心位置的对话框，其他的区域都以淡出的效果逐渐变为银灰色以增加对比度，此时除了对话框内的表单控件，没有其他区域可以获取焦点。 $(function() { $('#gallery a').lightBox({fixedNavigation:true}); });使用方法：1、在页面头部包含 lightbox.js 文件并加载 lightbo
阅读全文