点击弹出对话框确认窗口代码.zip

  • PUDN用户
    了解作者
  • HTML
    开发工具
  • 48KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 2
    下载次数
  • 2019-04-02 17:32
    上传日期
jQuery点击弹出对话框确认窗口代码基于jquery-1.7.1.min.js制作,点击链接弹出充值成功或者充值失败对话框窗口,带关闭按钮。
点击弹出对话框确认窗口代码.zip
  • tip_box
  • js
  • jquery-1.7.1.min.js
    91.7KB
  • css
  • alert.css
    2.4KB
  • images
  • icon
  • hint33.png
    1.6KB
  • hint1.png
    2.6KB
  • Thumbs.db
    9KB
  • hint2.png
    1.9KB
  • right.png
    1.3KB
  • hint3.png
    1.5KB
  • demo.html
    2.1KB
  • 说明.htm
    4.2KB
内容介绍
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery点击弹出对话框确认窗口代码</title> <link rel="stylesheet" type="text/css" href="css/alert.css" /> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function($){ $(".btn1").click(function(event){ $(".hint").css({"display":"block"}); $(".box").css({"display":"block"}); }); $(".hint-in3").click(function(event) { $(".hint").css({"display":"none"}); $(".box").css({"display":"none"}); }); $(".btn2").click(function(event) { $(".hintl").css({"display":"block"}); $(".box").css({"display":"block"}); }); $(".hint3").click(function(event) { $(this).parent().parent().css({"display":"none"}); $(".box").css({"display":"none"}); }); $(".hintl-in3").click(function(event) { $(".hintl").css({"display":"none"}); $(".box").css({"display":"none"}); }); $(".hintl-in4").click(function() { $(".hintl").css({"display":"none"}); $(".box").css({"display":"none"}); }); }); </script> </head> <body> <div class="box"></div> <button class="btn1">成功</button> <button class="btn2">失败</button> <div class="hint"> <div class="hint-in1"> <div class="hint1"></div> <div class="hint2">恭喜!充值成功</div> <div class="hint3"></div> </div> <div class="hint-in2">你可以去首页查看账户余额。</div> <div class="hint-in3">确定</div> </div> <div class="hintl"> <div class="hintl-in1"> <div class="hintl1"></div> <div class="hintl2">抱歉!充值失败</div> <div class="hint3"></div> </div> <div class="hintl-in2">请查看您的网络是否正常。</div> <div class="hintl-in3">确定</div> <div class="hintl-in4">返回</div> </div> <div style="text-align:center;"> <p>来源:<a href="http://down.admin5.com/" target="_blank" rel='nofollow' onclick='return false;'>A5源码</a></p> </div> </body> </html>
评论
    相关推荐