弹窗悬浮一个新网页php代码,一个简单的图片悬浮窗，点击可关闭

一个简单的图片悬浮窗，点击可关闭

作者: 2015.05.02 本文发布于1793天前分类:

#btnClose{ cursor:pointer;font-family:Arial;background-color:#000;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;position:absolute;margin-right:-5px;}

#BgDiv{background-color:#000; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

#DialogDiv{position:fixed;width:805px; left:50%; top:50px; margin-left:-400px; height:auto; z-index:100;background-color:#fff; border:1px #ccc solid; padding:1px; overflow:hidden;}

#DialogDiv h2{ height:25px; font-size:14px; position:relative; padding-left:10px; line-height:25px; color:#FFFFFF;}

#DialogDiv h2 a{position:absolute; right:5px; font-size:12px; color:#fff}#btnShow{ padding:3px;}

document.writeln("

X

");

function xiaoshi(){

$("#BgDiv").css("display","none");

$("#DialogDiv").css("display","none");

}

$("#btnClose").click(function(){xiaoshi();});

讨论区

您尚未登录，或请注册。

你可能也喜欢

弹窗悬浮一个新网页php代码,一个简单的图片悬浮窗，点击可关闭相关推荐

网页制作使用CSS样式制作轮播教程,静态网页设计与开发 1.案例——CSS3制作图片轮播图（4）使用纯CSS3代码实现简单的图片轮播——分步骤实现.docx...
使用纯CSS3代码实现简单的图片轮播设计思路: 以5张图片为例: 1.基本布局: 通过设置每张图片的尺寸和父容器的尺寸,从而将5张图片横向并排放入一个div容器(#photos)内.所有图片设置统一 ...
将一个对象相同的属性(不区分大小写)赋值给一个新对象 DataTable的一个简单的扩展...
将一个对象相同的属性(不区分大小写)赋值给一个新对象 1 public static T Mapper<S, T>(S source)2 {3 T t = Activator.Create ...
创建一个html网页,创建第一个HTML网页(未完待续)
要学会游泳,就必须下水.所以二话不说,我们直接开始制作一个HTML网页,并尝试在在这个网页中添加你所能想象到的所有内容. 构建网页的基本结构网页的基本结构就像是一个三明治,由html标签夹着head ...
纯css自动全屏轮播图html代码,纯CSS3代码实现简单的图片轮播
以4张图片为例: 1.基本布局: 将4张图片左浮动横向并排放入一个div容器内,图片设置统一尺寸,div宽度设置4个图片的总尺寸,然后放入相框容器div, 相框设置1个图片的大小并设置溢出隐藏,以保证 ...
如何快速熟悉一个新的项目代码？
在实际的工作当中,所谓的代码人,大部分时间都是在阅读别人的代码,一份赏心悦目的代码,多么让人心情愉悦.容易上手然而,事实上并非这样,没有注释,或者一些凌乱的注释 ,一些奇怪的函数名,一些奇怪的变量名 ...
window.open一个新网页显示，已拦截此网页上的弹出式窗口
因为是ajax异步,被浏览器默认拦截,改为同步就好了 async: true,
创建一个HTML5网页,HTML5 创建一个Web网页便利贴
在这篇文章里我将研究HTML5上2个新的功能:contenteditable 和 localStorage.当我看了HTML5.W3C规范说明后,我迫不及待的要在这同一个程序上写出例子来演示这些新功能 ...
前端实现图片悬浮_前端技巧集：三步制作图片悬浮文字
鼠标悬停在图片上显示文字,是电商网页经常使用的效果,下面三步教会大家CSS如何完成这个效果. 前提 HTML图片和文字是并列显示的.如下: 我是雪豹 1. 将文字浮在图片上我们加个div把图片和文字 ...
【 C 】在单链表中插入一个新节点的尝试（一）
根据<C和指针>中讲解链表的知识,记录最终写一个在单链表中插入一个新节点的函数的过程,这个分析过程十分的有趣,准备了两篇博文,用于记录这个过程. 链表是以结构体和指针为基础的,所以结构体和 ...

弹窗悬浮一个新网页php代码,一个简单的图片悬浮窗，点击可关闭

X

弹窗悬浮一个新网页php代码,一个简单的图片悬浮窗，点击可关闭相关推荐

最新文章

热门文章