欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery实现点击弹出层效果的简单实例_jquery

程序员文章站 2022-05-25 16:38:56
...
弹出层在实际应用中我们经常会碰到大量的弹出层效果,下面我来做一个基于jquery的简单的弹出层效果实例,各位朋友有兴趣可参考。

效果代码如下:
jquery实现点击弹出层效果的简单实例_jquery

在 弹出层 中下面是核心代码

复制代码 代码如下:



完整实例
复制代码 代码如下:



这里是弹出层效果



});

/* 渐变弹出层 */
#race{display:block;width:200px;height:50px;line-height:50px;text-align:center;background:#CCC;border:#555 1px solid;margin:10px auto}
.raceShow{background-color:#f1f1f1;border:solid 1px #ccc;position:absolute;display:none;width:300px;height:100px;padding:5px;font-size:12px;}