點選頁面計數效果

2016-01-08 17:29:52

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>firstDayDemo2</title>

</head>

<body>

</table>

//點選頁面計算點選次數

var clickCount = 0, $i=$('<b>');

$i.css({

'z-index':99999,

'position':'absolute',

'color':'red',

'display':'none'

});

$('body').append($i);

$(document).on('click',function(e){

var x = e.pageX, y = e.pageY;

$i.text('+'+(++clickCount)).css({

'display':'block',

'top':y-15,

'left':x,

'opacity':1

}).stop(true,false).animate({

'top':y-180,

'opacity':0

},800,function(){

$i.hide();

e.stopPropagation();

})

</script>

繼續閱讀