ECMAScript 对象类型
js获取css属性值
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
*************************ok**************************************************************
16:54 2019/5/1
$('*').mouseover(function (e) {
if ($('#newadd').length=1){
$("#newadd").remove();
}
console.log($(this),'thisover');
var wid = $(this).css('width');
var hei = $(this).css('height');
$(this).css({border:"1px solid blue",boxsizing:"borderbox"});
$('body').append("<div id='newadd'>height:"+hei+";width:"+wid+";</div>");
//console.log('this');
//console.log('newadd');
$("#newadd").css({position:'fixed',left:'0px',bottom:'0px',color:'#fff',zIndex:'9999',background:'#000',border:"1px soldi green",height:'50px',width:'200px',fontsize:'14px'});
return false;
});
$('*').mouseout(function (e) {
//console.log(e,'e event');
if ($('#newadd').length=1){
$("#newadd").remove();
};
console.log($(this),'thisout');
$(this).css({border:"0px solid blue",boxsizing:"contentbox"});
delete wid;delete hei;
return false;
});
**************************************************************ok******************************************************************
*************************ok**************************************************************
21:22 2019/6/1
$('*').mouseover(function (e) {
if ($('#newadd').length=1){
$("#newadd").remove();
}
console.log(e.clientX,e.clientY);
console.log($(this),'thisover');
var wid = $(this).css('width');
var hei = $(this).css('height');
var pos = $(this).css('position');
var id = $(this).attr('id');
$(this).css({border:"1px solid blue",boxsizing:"borderbox"});
$('body').append("<div id='newadd'>height:"+hei+";width:"+wid+";</br>position:"+pos+"id:"+id+";</div>");
//console.log('this');
//console.log('newadd');
$("#newadd").css({position:'fixed',left:e.clientX,top:e.clientY,color:'#fff',zIndex:'9999',background:'#000',border:"1px soldi green",height:'50px',width:'400px',fontsize:'14px'});
return false;
});
$('*').mouseout(function (e) {
//console.log(e,'e event');
if ($('#newadd').length=1){
$("#newadd").remove();
};
console.log($(this),'thisout');
$(this).css({border:"0px solid blue",boxsizing:"contentbox"});
delete wid;delete hei;
return false;
});
**************************************************************ok******************************************************************