html5 popup,popup.js-jQuery和CSS3可互动的3D弹出窗口插件

popup.js是一款使用jQuery和CSS3制作并可以使用鼠标进行互动的3D弹出窗口插件。该3D弹出窗口插件使用简单，并且在旧的浏览器中会回退为非3D状态，兼容IE8+的所有现代浏览器。

使用方法

使用该3D弹出窗口插件需要在页面中引入popup.css，jquery和popup.js文件。

HTML结构

首先需要创建一个用于触发弹出窗口的按钮或超链接元素。

Show popup

然后你可以定义你的弹出窗口要显示的内容。

注意超链接中的rel属性指向的是弹出窗口内容的ID。

初始化插件

在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该3D弹出窗口插件。

$(document).ready(function() {

$("#click").click(popup);

});

如果你需要修改弹出对话框的背景颜色，可以通过修改popup_head的background-color和"popup_block的border-color来实现。

html5 popup,popup.js-jQuery和CSS3可互动的3D弹出窗口插件相关推荐

实用的 jquery 弹出窗口插件winbox
实用的 jquery 弹出窗口插件winbox 一个基于jQuery的弹出层.支持拖拽,支持内容为文字,图片,URL等!至于兼容性.在IE6下,弹出对像无法绝对固定.其他应该没啥大问题: 应用演示: ...
jquery控件-实现自定义样式的弹出窗口和确认框
在前不久分享了一个基于wpf的自定义弹出框:[wpf控件-自定义美化版MessageBox弹出框控件(扁平化.多样式动画效果)].今天跟大家分享一个jquery的自定义插件:MBox. 啥也不说,先上 ...
jQuery的弹出窗口插件colorbox
支持照片,照片组,幻灯片,ajax,内联和 iframe 框架. 通过CSS 控制外观,使用用户可以很容易重新定制外观. 不需要更改 ColorBox 的 javascript 文件就可以重新设定 ...
linux 弹出窗口,实现弹出窗口的window.open用法详解(js代码)
实现弹出窗口的window.open用法详解(js代码) [1.最基本的弹出窗口代码] 其实代码非常简单: 因为这是一段javascripts代码,所以它们应该放在 cript">标签 ...
Popup.js 弹出窗口
//Popup class 显示弹出窗口,简单整理了一下. /* // 示例用法 function ShowIframe() //显示iframe { ...
Popup.js 弹出窗口简介
//Popup class 显示弹出窗口,简单整理了一下. /* // 示例用法 function ShowIframe() //显示iframe { ...
3 css 奖品出现弹出动画_基于jquery css3实现点击动画弹出表单源码特效
下图给大家展示了使用jquery css实现的点击动画弹出表单源码,有上传表单.删除表单.发送评论表单,都是通过鼠标点击图标按钮动画弹出的表单源码特效. 效果图展示如下: html代码: 上传选择文 ...
提交表单到弹出窗口 Submit a form into a popup
实例目的:一些网站不允许被包含在iframe中(例如paypal standard),为了实现让用户仍然留在本站的目的,下面的实例可供参考. 方法一: HTML的方式 DEMO <form id ...
Jquery 弹出对话框插件xcConfirm.js
Jquery 弹出对话框插件xcConfirm.js,感觉很方便使用,使用方法如下: <!DOCTYPE html> <html><head><meta ch ...

html5 popup,popup.js-jQuery和CSS3可互动的3D弹出窗口插件

html5 popup,popup.js-jQuery和CSS3可互动的3D弹出窗口插件相关推荐

最新文章

热门文章