首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  php教程 > php手册

7款超炫的弹出层效果Fancybox

原创
2016-06-07 11:39:07 832浏览

Fancybox具有很强大的功能，它可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。本文讲演示七种弹出层示例。


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



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

演示1：动态效果



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

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

thinkphp代码，代码示例，代码参考，php短信，数据库备份代码，令牌验证，去除代码中的空白和注释弹出层 网页特效 PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：Linux下定时备份数据库 下一条：PHP+jQuery+Ajax多图片上传

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！