Heim > Web-Frontend > js-Tutorial > 通过onmouseover选项卡实现img图片的变化_javascript技巧

通过onmouseover选项卡实现img图片的变化_javascript技巧

WBOY
Freigeben: 2016-05-16 17:00:24
Original
1499 Leute haben es durchsucht
复制代码 代码如下:





选项卡实现img图片的变换







通过onmouseover选项卡实现img图片的变化_javascript技巧


通过onmouseover选项卡实现img图片的变化_javascript技巧


通过onmouseover选项卡实现img图片的变化_javascript技巧


通过onmouseover选项卡实现img图片的变化_javascript技巧





<script> <BR>function show(n){ <BR>for(var i=1;i<=4;i++){ <BR>document.getElementById("tab"+i).style.backgroundColor='green'; <BR>document.getElementById("p"+i).style.display='none'; <BR>//display实现内容的隐藏与否的控制,当为none是,隐藏 <BR>} <BR>document.getElementById("tab"+n).style.backgroundColor='white'; <BR>document.getElementById("p"+n).style.display='block'; <BR>//当block时,隐藏的即可显示 <BR>} <BR></script>

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage