jQuery alert网页对话框插件_网页弹出框代码



155 617 206



特效描述:网页对话框插件 网页弹出框,jQuery alert美化的网页对话框-网页弹出框,有警告框、确认框、输入框、网页框、提示条

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/alert.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type='text/javascript' src='js/jquery-ui.min.js'></script>
<script type="text/javascript" src="js/jquery.alert.js"></script>

3. HTML代码

<div id="main">
  <div class="demo">
     <h3>1、警告框</h3>
     <p><a href="#" id="a1">点击这里</a></p>
  </div>
  <div class="demo">
     <h3>2、确认框</h3>
     <p><a href="#" id="a2">点击这里</a></p>
  </div>
  <div class="demo">
     <h3>3、输入框</h3>
     <p><a href="#" id="a3">点击这里</a></p>
  </div>
  <div class="demo">
     <h3>4、网页框</h3>
     <p><a href="#" id="a4">点击这里</a></p>
  </div>
  <div class="demo">
     <h3>5、提示条</h3>
     <p><a href="#" id="a5">点击这里</a></p>
  </div>
</div>
<div id="showbox" style="display:none">
   <h3>这是一段测试用的文字</h3>
   <p>我们热爱WEB设计与开发,我们关注用户体验和网站的可用性,并遵循WEB标准,我们以推动规范设计为己任,我们致力于WEB前端技术在中国的应用,我们为用户提供优质高效的网站设计。</p>
   <p style="text-align:right"><a href="#" class="a_close">关闭</a></p>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 文字叠加 文字拖动 文字提示框 文字收缩展开 文字放大缩小 文字翻转旋转 文字淡出淡进 文字全屏 文字延迟加载 360全景 html5文字动画 文字滚动 文字滑动 文字切换 弹出层拖动 窗口提示框 图片文字 文字导航菜单 文字 layer 文字列表

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到