你是否看到别人网站上精美的弹出框所吸引?你是否也想在自己的网站中拥有这样好看的弹出UI?
别急,今天就向你传受这样的插件以及如何使用。
其实这些网页实现这些效果并不难,大部分都是使用第三方插件来达到这一效果的,说到这些插件之前必须要感谢一下Jquery的开发者,是他编写了如此强大的Jquery框架,Jquery框架体积小只有几十Kb,引用简单,功能丰富,以至于很多不会javascript程序的却会使用Jquery。使用这些插件只需要简单的几行代码调用即可。下面就给大家介绍这些插件:
一、Layer
Layer这个插件是国人开发的(为国争光了),使用也很简单。layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。官方网站有详***的使用说明及开发实例,相信你要花点时间肯定会很熟练的使用!
官方网站:http://layer.layui.com/
二、FancyBox
这个插件主要是针对相册功能来写的,在相册这方面的功能可谓是非常丰富,很多国内知名的门户站里都有使用这一插件,如果您的网站有相册展示不妨一试,这个插件是国外人写的,自然官网也是在国外,可能打开起来比较费时间一些,想要学习的你可能要耐心一些了。
官方网站:http://fancybox.net
下载地址:http://fancybox.googlecode.com/files/jquery.fancybox-1.2.5.zip
演示实例:http://fancybox.net/example
三、popWin
popWin插件是用来实现网页右下角弹出框提示的,像就QQ新闻提示那样。
演示地址:http://www.shwzzz.cn/demo/jquery.popWin/
下载地址:http://www.shwzzz.cn/demo/jquery.popWin/jquery.popWin-v1.0.rar
四、thickbox
目前用的比较多的,**版本是thickbox3.1
下载地址:http://jquery.com/demo/thickbox/#examples
五、jQueryUI Dialog
官方网站:http://jqueryui.com/demos/dialog/
下载地址:http://jqueryui.com/demos/dialog/
演示实例:http://jqueryui.com/demos/dialog/