欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

7款超炫的弹出层效果Fancybox

程序员文章站 2022-06-03 21:35:16
...
Fancybox具有很强大的功能,它可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等。本文讲演示七种弹出层示例。
7款超炫的弹出层效果Fancybox

若是想看更多js特效网站源码 js教程请访问 http://www.sucaihuo.com/js 还有演示DEMO,最主要是可以免费下载。1、
首先引入jQuery库和Fancybox插件。



2、
我们先演示第一种超炫的弹出层效果,看了以后,其他神马弹出层弱爆了...哈哈...其他强大的Fancybox弹出演示效果DEMO里有,请点击查看演示效果http://www.sucaihuo.com/jquery/demo/45/。

演示1:动态效果


7款超炫的弹出层效果Fancybox


3、
最后调用Fancybox插件方法:
$("#demo1").fancybox({
'transitionIn': 'elastic', //窗口显示的方式
'transitionOut': 'elastic',
'titlePosition': 'inside'
});
查看该特效演示及免费下载,请访问 http://www.sucaihuo.com/js/45.html

AD:真正免费,域名+虚机+企业邮箱=0元