jQuery点击按钮弹出确认对话框代码

jQuery点击按钮弹出确认对话框代码

一款jQuery点击按钮弹出 确认对话框代码,下载文件可正常查看源代码!

使用方法
在页面引入相关CSS样式文件

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

JS代码

1
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

HTML代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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>

文件信息:

    2

    发表评论