jquery自定义插件——window的实现【示例代码】_jquery

1、jquery.show.js

2、jquery.showdiv.css

body div 
{ 
 font-size:12px; 
 text-align:center; 
} 
#container 
{ 
 background-color:#CCC; 
 border:1px solid #000; 
 width:1024px; 
 height:600px; 
} 
#showdiv 
{ 
 background-color:#FF0; 
 width:100px; 
 height:100px; 
 display:none; 
 z-index:99; 
} 
.title 
{ 
 padding:10px; 
 background:#F39; 
 font-weight:bold; 
 text-align:center; 
 color:#FFF; 
} 
.close 
{ 
 margin:5px; 
 position:absolute; 
 right:0px; 
 top::0px; 
 padding:5px; 
 color:#000; 
 background:#FFF; 
} 
.close:hover 
{ 
 cursor:pointer; 
 background:#CCC; 
} 
.content 
{ 
 text-align:left; 
 padding:10px; 
}

3、demo.html

实现后的效果如下：

以上这篇jquery自定义插件——window的实现【示例代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。