今天终于有时间把我以前写的一个jQuery插件进行整理,改进。这是一个模拟“模式对话框”的插件,该模式对话框共有三种皮肤,红、绿、蓝。页面滚动时随着滚动条固定在屏幕的中央,模式对话框中的内容为两种,一是iframe引入,一是HTML语句插入。在网站开发中十分常用,使用该插件十分的简单。来看一下运行效果。
图1红色界面
图2绿色界面
图3蓝色界面
插件使用
1、首先引入样式文件,详细代码如下所示:
<link href="images/blue/css.css" rel="stylesheet" type="text/css" ></html>
<link href="images/blue/css.css" rel="stylesheet" type="text/css" ></html>
该代码运行时,如果我们单击id为“diagx”的div层将弹出模式对话框。
插件的源代码可以在如下下载,欢迎大家下载使用,和改进,改进后不要忘记通知我一下,我也提高一下。谢谢。下载
/Files/studyplay/diag.rar
/Files/studyplay/diag4.rar
插件的源代码可以在如下下载,欢迎大家下载使用,和改进,改进后不要忘记通知我一下,我也提高一下。谢谢。下载
/Files/studyplay/diag.rar
/Files/studyplay/diag4.rar
又修改一次 ,添加淡入淡出效果,具体使用见文件中的样例。/Files/studyplay/diag5.rar