python朋友圈点赞_python(html 点赞+1)

Title

.container{

padding: 50px;

border: 1px solid #dddddd;

}

.item{

position: relative;

width: 30px;

}

赞

赞

赞

赞

$('.item').click(function () {

AddFavor(this);

});

function AddFavor(self) {

// DOM对象

var fontSize = 15;

var top = 0;

var right = 0;

var opacity = 1;

var tag = document.createElement('span');

//DOM对象转换成jquert对象 $(tag) 即可

$(tag).text('+1');

$(tag).css('color','green');

$(tag).css('position','absolute');

$(tag).css('fontSize',fontSize + "px");

//需要+“px”像素值。fontSize才生效

$(tag).css('right',right + "px");

//需要+“px”像素值。

$(tag).css('top',top + 'px');

//需要+“px”像素值。

$(tag).css('opacity',opacity);

$(self).append(tag);

var obj = setInterval(function () {

fontSize = fontSize + 10; //自动加数值

top = top - 10;//自动加数值

right = right - 10;//自动加数值

opacity = opacity - 0.1;//自动加数值

$(tag).css('fontSize',fontSize + "px");

$(tag).css('right',right + "px");

$(tag).css('top',top + 'px');

$(tag).css('opacity',opacity);

if(opacity < 0){

clearInterval(obj);

$(tag).remove();//结束点赞效果

}

}, 40);//间隔时间

}

相关