이 기사의 예에서는 JS를 사용하여 링크 위로 마우스를 밀어 웹 페이지의 배경색을 변경하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
이 작은 특수효과는 매우 좋습니다. 링크를 사용하여 웹페이지의 배경색을 변경하세요. 링크 텍스트에 마우스를 올리면 홈페이지를 만들고 싶은 친구들이 그에 맞춰 변경됩니다. 실제로는 이 코드를 더욱 개인화하여 사용할 수 있습니다. 이를 바탕으로 코드를 수정하고 텍스트 위에 마우스를 놓으면 스타일 시트를 전환할 수 있습니다. 이렇게 하면 웹 페이지 전체가 변경됩니다. 스타일이 참 실용적이지 않나요?
런닝 효과 스크린샷은 다음과 같습니다.
온라인 데모 주소는 다음과 같습니다.
http://demo.jb51.net/js/2015/js-mouse-over-link-cha-bgcolor-demo/
구체적인 코드는 다음과 같습니다.
<html>
<head>
<title>鼠标放上链接改变网页背景颜色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
function goHist(a)
{
history.go(a);
}
</script>
</head>
<body>
<center>
<h2>鼠标放到相应链接上看看！</h2>
<table border=1 borderlight=green style="border-collapse: collapse" cellpadding="5" cellspacing="0">
<tr><td align=center>
<a href="#" onMouseOver="document.bgColor='skyblue'">天空蓝</a>
<a href="#" onMouseOver="document.bgColor='red'">大红色</a>
<a href="#"onMouseOver="document.bgColor='#0066CC'">清新蓝</a>
</td></tr>
</table>
</center>
</body>
</html>이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
