HTML5中提供了许多鼠标效果代码，使得网页设计更加美观和交互性更强。以下是一些常见的鼠标效果代码。首先是鼠标悬停效果，即鼠标移动到某个元素上时元素的样式发生变化。这可以通过CSS实现，例如：

p:hover{color: red;font-weight: bold;}

这表示当鼠标悬停在p标签上时，文本颜色变为红色，字体加粗。其次是鼠标点击效果，即鼠标点击某个元素时元素的样式发生变化。这也可以通过CSS实现：

p:active{background-color: yellow;}

这表示当点击p标签时，背景色变为黄色。另外还有鼠标移动效果，即鼠标在某个元素上移动时元素的样式随之变化。这可以使用JavaScript实现，例如：

<p onmousemove="this.style.backgroundColor='red';">Move the mouse over this paragraph.</p>

这表示当鼠标移动到p标签上时，背景色变为红色。最后还有鼠标拖拽效果，即鼠标拖动某个元素时元素的位置随之变化。这同样可以使用JavaScript实现，例如：

<p draggable="true">Drag me!</p>

这表示当鼠标拖动p元素时，元素可以被拖动到不同的位置。以上是一些常见的鼠标效果代码，它们能够使网页设计更加生动有趣。