实现效果:
js代码如下:
<body> <button id="android">Android开发</button> <button id="java">Java开发</button><br> <img src="img/10b92e374bebdbe9b648ba29d1d7e72.png" title="Android"> <script type="text/javascript"> //事件源 var android = document.getElementById('android'); var java = document.getElementById('java'); var img = document.querySelector('img'); //事件类型 点击 android.onclick = function() { //事件处理程序 点击切换图片和鼠标经过时显示的文字信息 img.src = 'img/10b92e374bebdbe9b648ba29d1d7e72.png'; img.title = 'Android'; } java.onclick = function() { img.src = 'img/221f6109f10f97406df83192d307a06.png'; img.title = 'java'; } </script> </body>