master

分支 (1)

管理

管理

master

PureAdmin
/
js.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Js Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./css/pure-nr-min.css">
<link rel="stylesheet" href="./css/fontAwesome/font-awesome.css">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/admin.css">
<link rel="stylesheet" href="./js/artDialog/ui-dialog.css">
</head>
<body>
<!--BEGIN HEADER-->
<div class="pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed head-menu">
    <a href="#" class="pure-menu-heading"><h3>站点标题站点标题站点标题站点标题</h3></a>
    <ul>
        <li class="pure-menu-selected"><a href="#">主页</a></li>
        <li><a href="#">标签页</a></li>
        <li><a href="#">标签页</a></li>
        <li><a href="#">标签页</a></li>
        <li><a href="#">标签页</a></li>
    </ul>
    <div class="head-menu-info">
        欢迎您，管理员 <a href="#">admin</a>。您选择【首页】【退出】
    </div>
</div>
<!--END HEADER-->
<div class="pure-g content">
    <div class="pure-u">
        <div class="side">
            <div class="pure-menu pure-menu-open side-menu">
                <ul>
                    <li class="pure-menu-heading side-menu-head"><i class="icon-tags"></i> 核心组件</li>
                    <li><a href="index.html">基本效果</a></li>
                    <li><a href="form.html">表单功能</a></li>
                    <li class="pure-menu-selected"><a href="js.html">动态效果</a></li>
                    <li class="pure-menu-heading side-menu-head"><i class="icon-tags"></i> 独立页面</li>
                    <li><a href="error.html" target="_blank">错误页</a></li>
                    <li><a href="login.html" target="_blank">登录页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="pure-u-1">
        <div class="main">
            <div class="panel panel-default">
                <div class="panel-title">
                    Dialog
                </div>
                <div class="panel-body">
                    <button class="pure-button pure-button-primary" id="showDialog">显示</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--BEGIN FOOT-->
<div class="pure-g copyright">
    <div class="pure-u-1"> 2013 © TWStudio Admin Dashboard Template. </div>
</div>
<!--END FOOT-->
<script src="./js/jquery.min.js"></script>
<script src="./js/artDialog/popup.js"></script>
<script src="./js/artDialog/dialog.js"></script>
<script>
$(function(){
    $("#showDialog").on('click', function(){
        var d = artDialog({
            title: '消息',
//            content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
            fixed: true,
            okValue: '确 定',
            ok: function(){
                alert('你点击了');
            },
            cancelValue: '取 消',
            cancel: function(){
            }
        });
        d.content('风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》');
        d.showModal();
    });
});
</script>
</body>
</html>