JQuery动态生成一个居中显示的提升DIV

最新推荐文章于 2019-10-14 16:07:07 发布

原创最新推荐文章于 2019-10-14 16:07:07 发布 · 260 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Web #jQuery #UI #JavaScript #ViewUI

本文介绍了一种使用JavaScript动态创建HTML元素的方法，并通过CSS样式精确控制其位置，同时设置了自动消失的功能。

代码：


var sss = "";
	sss += "<div id='mess_ly'>";
	sss += "</div>";
	$("#rightPane").after(sss); //前面的id是随便给一个都可以
	$('#mess_ly').css({
	   position:'absolute',
	   'z-index':99999,
		width:'349px',
		height:'123px',
		'background-image':"url('cist_images/mess_ly.png')",//设置背景图片
	   left: ($(window).width() - $('.className').outerWidth())/2-200, //位置关键
	   top: ($(window).height() - $('.className').outerHeight())/2
	});
	setTimeout(function(){$("#mess_ly").fadeOut(1000)},5000);//自动消失