AnimatedModal.js – CSS3 全屏模态窗口

  AnimatedModal.js 是一个用来创建一个全屏模态窗口的 jQuery 插件,基于 CSS3 过渡实现。您可以利用 Animate.css 中的转换或自行创建自己的过渡效果。支持 Firefox、Chrome、Safari、Opera 和 IE 10+ 浏览器。

在线演示      源码下载

 

您可能感兴趣的相关文章

本文链接:AnimatedModal.js – 基于 CSS3 的全屏模态窗口

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

时间: 2024-12-09 08:59:01

AnimatedModal.js – CSS3 全屏模态窗口的相关文章

jQuery和CSS3全屏带过渡动画效果的模态窗口插件

animatedModal.js是一款效果非常炫酷的jQuery和CSS3全屏带过渡动画的模态窗口特效插件.该模态窗口插件和animate.css完美结合,你可以使用animate.css中的任何动画效果来制作该模态窗口的过渡动画效果. 在线演示:http://www.htmleaf.com/Demo/201503031453.html 下载地址:http://www.htmleaf.com/jQuery/Lightbox-Dialog/201503031452.html

js控制全屏窗口

<script src="__PUBLIC__/Js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ findDimensions(); }); function findDimensions(){ var h = document.documentElement.clientHeight-100; $(&

带CSS3过渡效果的模态窗口js插件

Custombox是一款带CSS3过渡效果的模态窗口js插件.该插件使用原生js制作,但它也可以和jQuery完美结合,作为jQuery插件来使用.插件中带有20中不同css3过渡效果的模态窗口.除了传统的淡入淡出.翻转.旋转等效果,该插件还增加了开门.推拉.角部放大的那个六种效果. 该模态窗口jquery插件可以工作在 IE 8-11, Firefox, Chrome, Safari 和 Opera等浏览器上. 效果演示:http://www.htmleaf.com/Demo/20150203

fullpage.js jq全屏滚动插件

fullPage.js和fullPage都能实现全屏滚动,二者区别是:fullPage.js需依赖于JQuery库,而fullPage不需要依赖任何一个js库,可以单独使用. (代码演示效果并且可以下载查看http://www.dowebok.com/77.html) 一.fullPage.js实现全屏 fullPage.js是开源的JQuery插件库,其Github地址:https://github.com/alvarotrigo/fullPage.js 1.基本演示 1.1 引入文件 <!-

原生js实现全屏滚动

原生js实现全屏滚动(firefox兼容性问题还没解决) 最近发现刷前端在线简历,发现许多人都使用了全屏滚动特效 所以今天特意来实现一下 css样式:* { margin: 0; padding: 0;}h1 { width: 200px; height: 200px; margin: 0 auto;}div{ overflow: hidden; position: absolute;}.show { display: block;} /*第一页*/#one { background: red;

jQuery+CSS3过渡动画模态窗口特效

在线预览   源码下载 jQuery+CSS3过渡动画模态窗口特效是一款基于Codrops的ModalWindowEffects来制作,通过jQuery插件的方式来统一管理各种打开模态窗口的效果.适用浏览器:360.FireFox.Chrome.Opera.傲游.搜狗.世界之窗. 不支持Safari.IE8及以下浏览器. 加入前端爱好者QQ群(123235875) 点击加群,共同交流进度!

win7远程连接全屏和窗口模式切换

最近开发需要win7远程连接,我知道在连接的时候可以设置全屏模式 但是进去之后想要切换就只能通过快捷键了上网查了一下是ctrl+alt+break.网上说的没有错.我查官方文档也是这样.但是我按的时候就是锁定计算机了. 其实这是笔记本和台式键盘的区别.好多键会公用一个.所以有了Fn切换键.按键上所有和fn相同颜色的命令键,都需要fn来组合使用.所以在我的笔记本上是ctrl+fn+alt+end(break)  end和break公用一个键.原谅我真的是第一次明白fn这么使用,小白渣渣了~~~ 全

【温故而知新】Javascript窗口效果 (全屏显示窗口、定时关闭窗口)

1.全屏显示窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

[分享]数字插件countUp.js和全屏滚动插件fullPage.js

分享两款js插件 1:数字插件countUp.js 项目github地址:http://inorganik.github.io/countUp.js/ 2:全屏滚动插件:fullPage.js 项目github地址:https://github.com/alvarotrigo/fullPage.js 示例地址:https://alvarotrigo.com/fullPage/ 原文地址:https://www.cnblogs.com/many-object/p/8405935.html