新手做的jQuery弹窗插件,轻量

所属分类:UI-弹出层

 48675  319  查看评论 (6)
分享到微信朋友圈
X
新手做的jQuery弹窗插件,轻量 ie兼容8

调用的时候传对象过去就可以了

<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <title>demo</title>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="aesst/style.js"></script>
    <link rel="stylesheet" type="text/css" href="aesst/style.css" /></head>
  
  <body>
    <input type="button" name="" id="btn" value="弹窗" onclick="pop({width:500,width:500});" />
    <script type="text/javascript">$(function() {
        pop({
          width: 500,
          //提示窗口的宽度
          height: 500,
          //提示窗口的高度
          title: '这是标题',
          //提示窗口的标题
          content: '这是提示信息' //提示窗口的内容
        });
      });</script>
  </body>

</html>


相关插件-弹出层

jquery网站功能介绍步骤

网站功能介绍步骤,可以引导用户该怎么操作,或者应该做什么
  弹出层
 40924  453

漂亮实用的提示框插件SweetAlert

漂亮实用的提示框插件SweetAlert
  弹出层
 66752  714

jQuery图像展示插件Strip

Strip是Lightbox的一种,它只能部分覆盖页面。这样就不会占用大的屏幕面积,适用于比较小的移动设备
  弹出层
 33879  392

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 54534  423

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    嘉惠淘影视 0
    2018/11/23 9:29:01
    content怎么加超链接? 回复
    ricefoto 0
    2017/11/16 16:38:06
    content里面有表单需要提交,就好麻烦啊 回复
    这位官人请留步 0
    2017/5/12 18:32:47

    content里面内容如何换行?

    回复
    desire for success★ 0
    2017/3/30 15:10:01

    content:'' 这里面写内容咋不显示啊

    回复
    HeadIn-海丁点滴 0
    2016/11/19 19:11:18
    很好的一个插件 回复
    sharow 0
    2016/10/21 17:10:46
    按钮 回调函数   回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复