素材牛VIP会员

轻量级jQuery弹窗插件

 所属分类:网页特效-对话框/灯箱/提示,悬浮层/弹出层

 浏览:2855次  评论:0次  更新时间:2016-10-16
牛币素材VIP可免积分下载
轻量级jQuery弹窗插件兼容IE6
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:非常适合新手的jQuery轻量级弹窗,兼容好,大小只有2k。

详细介绍

使用方法:

引入jQuery库文件、插件JS文件

<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="aesst/style.js"></script>

插件初始化、参数配置

function aa(){
  pop({
      width:500,//提示窗口的宽度
      height:200,//提示窗口的高度
      title:'这是标题!',//提示窗口的标题
      content:'这是提示信息'//提示窗口的内容
  });
}

弹出窗样式

#mry-mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(45, 45, 45); z-index: 100; opacity: 0.2; display: none; background-position: initial initial; background-repeat: initial initial; }
#mry-opo { position: fixed; z-index: 7000; left: 50%; top: 50%; -webkit-box-shadow: 1px 1px 2px 2px #C1C1C1; box-shadow: 1px 1px 2px 2px #C1C1C1; }
#mry-opo-title { height: 30px; font-size: 14px; padding-left: 10px; line-height: 30px; background-color: #008CFF; color: #FFFFFF; font-weight: bold; }
#mry-opo-content { padding: 10px; }

HTML结构

<input class="bt" type="button" name="" id="btn" value="点击弹窗" onclick="aa()" />

相关素材 - 对话框/灯箱/提示,悬浮层/弹出层

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)