【原创】Jquery弹出层插件

工作不忙，闲来无事写了一个弹出层插件，又需要的尽管拿去用啊

有什么建议欢迎提出

转载请注明地址，谢谢

啥都不说了，直接看代码：

 

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Layer.aspx.cs "  Inherits = " Layer "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml " >
< head runat = " server " >
     < title ></ title >
     < script src = " jquery-1.3.2.js "  type = " text/javascript " ></ script >
     < script src = " jquery.layer.js "  type = " text/javascript " ></ script >
     < script type = " text/javascript " >
        $(document).ready(function() {
            $( " #button " ).click(function() {
                var layer  =  $( ' none ' ).layer({ content:  ' 这里是层内容，默认焦点可以用none对象来代替 '  });
                layer.open();
            });
        });
     </ script >
</ head >
< body >
     < form id = " form1 "  runat = " server " >
     < input id = " button "  type = " button "  value = " 第一个层 "   />
     < br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />< br  />
     < input type = " button "  onclick = " $(this).layer({ content: $('#content') }).open(); "  value = " 第二个层 "   />
     < div id = " content "  style = " display:none; " >
        我是Dom对象内的内容
         < input id = " aaa "  type = " text "  value = " 我是表单 "   />
     </ div >
     </ form >
</ body >
</ html >

 

 

插件下载地址：jquery.layer.js 

 

转载于:https://www.cnblogs.com/siceblue/archive/2009/10/24/1588989.html