`

jquery弹出框

jquery弹出框 
阅读更多

1、代码示例：

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Document</title>

 

<script type="text/javascript" src="g_alert.js"></script>

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

 

<style type="text/css">

ul{list-style-type: none;}

li{float:left; height:30px; line-height:30px; width:100px; color:#fff; background:#a6b9c5;margin-left:5px; text-align: center; cursor:pointer; border-radius:5px;}

</style>

 

</head>

<body>

 

<ul>

<li onClick="error()">错误error</li>

<li onClick="success()">正确success</li>

<li onClick="confirm()">确认confirm</li>

<li onClick="warn()">警告warn</li>

</ul>

 

 

<script type="text/javascript">

function success(){

g_alert('success','操作成功','http://www.quzhuaqian.com');

}

 

function error(){

g_alert('error','操作失败'); //url可写可不写

}

function confirm(){

g_alert('confirm','你确定要这样做吗？','http://www.quzhuaqian.com');

}

function warn(){

g_alert('warn','用户名不能为空');

}

</script>

</body>

</html>

2、效果图在附件中

分享到：
| ZeroClipboard跨浏览器复制到剪切板
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics