今天继续和大家分享一个jQuery弹出框的代码。代码本身很简单，最关键的问题就在于兼容性方面。

HTML CODE:

<a class="popBtn" href="javascript:void(0)">Click Me</a>

<div class="popLayer">
	<div class="popLayerTit">
		<h2>Title</h2>
		<i class="close">[ 关闭 ]</i>
	</div>
	<div class="popLayerCon">
		<p>Text or Other content</p>
	</div>
</div>
<div class="maskLayer"></div>

[ 查看全文... ]

这是我蛮早以前写的一个插件，自己平时的一些项目也是用的这个。一个页面中可以多次调用，并且支持自定义样式。使用的方法也很简单，只要类名一一对应就行。使用方便，如果有什么问题，直接给我留言就行。

调用方法：

$(function(){
	$(".tabs").UblueTabs(); //默认调用方法

	$(".custom").UblueTabs({ //自定义选项卡区域
	tabsTit:".customTit", //自定义标签区域
	tabsTab:".customTab", //自定义标签
	tabsCon:".customCon", //自定义内容区域
	tabsList:".customList", //自定义内容列表
	tabsHover:"customHover", //自定义鼠标点击后样式
	eventType:"click" //鼠标经过标签切换内容 （此处不写则默认为hover事件 当然也可以把这里的click改成hover）
	});
});

[ 查看全文... ]

引言：瀑布流式布局（又名：瀑布图片墙），而Pinterest则是该布局的鼻祖。最该布局形式最初在国内默默无闻，但随着蘑菇街、点点和花瓣网等等的兴起...这样的布局方式也渐渐被人们所熟知。可能有人不经意要问，为什么现在越来越多的网站都这样效仿呢？我个人总结了2点：首先，图片+链接的方式，方便了用户浏览，也能清晰找到相关内容，可谓是一目了然。其次，看似散乱无序的碎片化内容，有着强大的视觉感染力。由于内容随机和不确定性，更能够诱导用户反复查看，有时更像是种“探宝”希望找到自己所喜欢的内容。

好了，说了一堆介绍，开始进入正题。其实，这个Demo很早就开始制作了，由于种种原因，一直没能写这文章。由于最近在做一个项目，需要用到这个布局方式，也所谓是不用不知道，一用才知道，看似没什么问题，但在实际应用中，还是有很多问题需要解决。所以，边做项目的同时，也把Demo优化、更新了下。 [ 查看全文... ]

这是我之前写的一个jQuery图片切换效果（通常人们也称为：jQuery焦点图、jQuery幻灯片）。由于是为了练习jQuery而写，所以并没有针对IE做兼容性调整。毕竟大家如果拿去使用的话，样式方面还是会根据自己的需求做修改，所以我就偷个懒了，嘿嘿！
[ 查看全文... ]