<script type="text/javascript">
$(function(){
$(document).mousemove(function(e){
var x=e.pageX;
var y=e.pageY;
var $h3=$("<h1>"+"❤"+"<h1/>");
$h3.css({
color:"pink",
position:"absolute",
left:x,
top:y
});
$("body").append($h3);
$($h3).animate({
fontSize:100,
opacity:0, top:-100
},
3000,function(){
$(this).remove();
});
});
});
</script>
这篇博客内容展示了如何使用JavaScript实现一个动态效果,当鼠标在页面上移动时,会出现一个粉红色的心形图标跟随鼠标的位置,并逐渐放大并淡出。这个效果通过创建元素,设置样式和应用动画来实现。
1889

被折叠的 条评论
为什么被折叠?



