码迷,mamicode.com
首页 > 其他好文 > 详细

提示框

时间:2014-12-26 09:32:34      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Messager</title>
<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../jquery.easyui.min.js" type="text/javascript"></script>

<link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../themes/icon.css" rel="stylesheet" type="text/css" />
<script>
function show1() {
$.messager.show({
title: ‘提示信息1‘,
msg: ‘信息1‘,
showType: ‘show‘
});
}
function show2() {
$.messager.show({
title: ‘提示信息2‘,
msg: ‘信息5分钟后消失.‘,
timeout: 5000,
showType: ‘slide‘
});
}
function show3() {
$.messager.show({
title: ‘渐进显示信息3‘,
msg: ‘渐进显示信息3‘,
timeout: 0,
showType: ‘fade‘
});
}
</script>
</head>
<body>
<h1>信息提示</h1>
<div>
<a href="javascript:void(0)" onclick="show1()">显示</a> |
<a href="#" onclick="show2()">滑动</a> |
<a href="#" onclick="show3()">渐进显示</a> |
</div>
</body>
</html>

 

效果

 

技术分享

提示框

标签:

原文地址:http://www.cnblogs.com/zhao365845726/p/4185989.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!