I способ
<body>
<p style="color:blue" onclick="colch('red')">Этот абзац при щелчке мыши становится красным</p> <script>
function colch(clr) {event.srcElement.style.color=clr}
</script></body>
II способ
<body>
<p style="color:red" onclick="this.style.color='blue'"> Этот абзац при щелчке мыши становится синим </p>
</body>
Заменить слово на изображение при надвижении на него курсора мыши
<body>
<p>При щелчке по слову <span id="t1" onclick="toim()">БГТУ</span> оно заменяется изображением
<script>
function toim() {document.getElementById("t1").innerHTML="<img src='image1.jpg' />"}
</script></body>
Заменить одно изображение на другое при щелчке по нему курсором мыши
I способ
<body>
<img id="im1" src="logo.jpg" onmouseover="over()" onmouseout="out()" />
<script>
function over() {document.getElementById("im1").src="univer.jpg"}
function out() {document.getElementById("im1").src="logo.jpg"}
</script></body>
II способ
<body>
<img src="logo.jpg" onmouseover="this.src="univer.jpg" onmouseout=" this.src="logo.jpg " />
</body>
