发布网友 发布时间:2022-04-23 16:53
共2个回答
热心网友 时间:2022-04-22 19:01
$('<div id="msg">显示的信息<input id="close_btn" type="button" value="关闭"></div>') //创建一个div(jQuery中 $(html元素) 的话就是创建元素,相当于document.createElement(),但功能比它强大)
.css({position:'fixed',bottom:10,right:10,width:200,height:150,border:'1px solid #999',backgroundColor:'#fff'}) //设置div的样式。固定在距下方和右方各10px的位置(就是让它一直在右下角),长和宽为200px、150px,另外设置的边框和背景色
.appendTo('body'); //插入到<body>标签中去
$('#close_btn').click(//点击关闭按钮
function(){
$('#msg').empty().remove();//清空并移除该div
}
);
------------------------
jQuery可以连写,所以合起来就是这样的:
$('<div id="msg">显示的信息<input id="close_btn" type="button" value="close"></div>').css({position:'fixed',bottom:10,right:10,width:200,height:150,border:'1px solid #999',backgroundColor:'#fff'}).appendTo('body');
$('#close_btn').click(function(){$('#msg').empty().remove();});
热心网友 时间:2022-04-22 20:19
jQuery有一个插件:msgUI(http://codecanyon.net/item/msgui/306751)
很好用:
$.msgGrowl ({
type: 'info' //也可以是其他的,success,error,warning,info,''
, 'text': '这里是提示的文本内容.'
, sticky: true
});
需要的话,你留一下邮箱,我把 demo 和 源代码发给你
参考资料:http://codecanyon.net/item/msgui/306751