zoukankan      html  css  js  c++  java
  • 让你的thickbox的modal也拥有关闭图标

    Thickbox是一款很不错的jquery弹出层的插件.关于他的细节用法,可以参考他的官方说明。最近一直在用这个插件,发现他的一个modal模式没有右上侧的关闭按钮。于是我就随便弄了一个,有点卖巧。

    效果图如下:

    这样就可以点击关闭图标关闭modal窗口。

    详细代码如下:

    代码
    <div id="login" style="text-align: center">
    <div style="position:absolute; right:0; top:0"><img src="images/closebox.png" onclick="parent.tb_remove()" alt="点击关闭" style="cursor:pointer" /></div>
    <table border="0" cellpadding="3" cellspacing="3" style="margin: 0 auto;">
    <tr>
    <td style="text-align: right; padding: 10px">
    <label>
    用户:
    </label>
    </td>
    <td>
    <input id="username" type="text" size="20" />
    </td>
    </tr>
    <tr>
    <td style="text-align: right; padding: 10px">
    <label>
    密码:
    </label>
    </td>
    <td>
    <input id="password" type="password" size="20" />
    </td>
    </tr>
    <tr align="right">
    <td colspan="2">
    <input type="submit" id="Login" value="  登 录  " style="margin-right: 50px"> 
    <input type="submit" id="LoginCancel" value="  取 消  " onclick="parent.tb_remove()">
    </td>
    </tr>
    </table>
    </div>

    作者:alexis(xshf12345),wwww.cnblogs.com/alexis
  • 相关阅读:
    State Management
    排序效率小PK
    ES,ZK,Mysql相关参数优化
    ES翻译之Function Score Query
    打算坚持学习技术的习惯
    面试——并发基础知识1
    码云的GIT操作
    CountDownLatch模拟高并发测试代码
    Bloom Filter的应用
    面试题1—选取同一个字符第一不重复的字符
  • 原文地址:https://www.cnblogs.com/alexis/p/1742486.html
Copyright © 2011-2022 走看看