首页 > 代码库 > JQuery悬浮层 及 CSS3实现悬浮层关闭按钮

JQuery悬浮层 及 CSS3实现悬浮层关闭按钮

我想这样的一个需求很是会经常遇到的,研究了一下,现在记录下来,也希望分享给大家!

先看一下效果图,如下所示:

代码如下:

<span style="font-family:Times New Roman;font-size:18px;"><span style="font-family:Times New Roman;font-size:18px;"><DOCTYPE html>

<html>
<head>
<script type="text/javascript" src=http://www.mamicode.com/"jquery-1.7.2.min.js"></script>>

注:对于按钮中的叉按钮,用的是Unicode中的一种标识,以下这些也可以使用:

标识编码(16进制)Name 
?\2716粗体乘法 
?\2717交叉 
?\2718粗体交叉 
×\00D7乘法符号 
?\2A2F向量乘积 
x\78小写字母 
X\58大写字母 


JQuery悬浮层 及 CSS3实现悬浮层关闭按钮