随着HTML5的不断发展，javascript的应用也越来越广泛。特别是用javascript实现的一些动态效果，为网页的设计增色不少。接下来我们来探讨如何用HTML5实现鼠标的特效代码。

<canvas  width="800" height="600"></canvas><script type="text/javascript">var canvas = document.getElementById('canvas');var ctx = canvas.getContext('2d');var mouseX, mouseY;canvas.addEventListener('mousemove', function(event) {mouseX = event.clientX;mouseY = event.clientY;}, false);function animate() {ctx.clearRect(0, 0, canvas.width, canvas.height);var x = mouseX;var y = mouseY;ctx.beginPath();ctx.arc(x, y, 20, 0, Math.PI * 2, true);ctx.closePath();ctx.lineWidth = 5;ctx.strokeStyle = '#f00';ctx.stroke();requestAnimationFrame(animate);}animate();</script>