zoukankan      html  css  js  c++  java
  • 【原创】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 

  • 相关阅读:
    selenium+python常用函数
    不同网络层的协议与工具
    Loudrunner编写WinSocket接口测试脚本
    python常见问题汇总
    Appium简介及工作原理
    Http协议详解
    Selenium 工作原理
    HTTP与HTTPS有哪些区别?
    【Appium】Appium工作原理(2)
    MySQL 必知必会学习笔记(常用命令二)
  • 原文地址:https://www.cnblogs.com/siceblue/p/1588989.html
Copyright © 2011-2022 走看看