求jquery实现浏览器右下角提示框。
发布网友
发布时间：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
E-MAIL:11247931@qq.com