cari

Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk melaksanakan kemahiran effect_javascript transformasi imej tetikus

Kaedah JavaScript untuk melaksanakan kemahiran effect_javascript transformasi imej tetikus

WBOY
WBOYasal
2016-05-16 16:03:401108semak imbas

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk mencapai kesan transformasi tetikus pada imej. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut: 

<html>
<head>
<title>Swap Images with onMouseOver and onMouseOut</title>
</head>
<body bgcolor="#FFFFCC" text="#3300FF">
<CENTER>
<FORM NAME = form1>
<H2>
Move the mouse across to swap the image ...
</H2>
<A HREF="" name= link1 
onMouseOver = "ImgOver()" onMouseOut = "ImgOut()">
  <IMG NAME = "IMG1" 
  SRC = "images/follow.jpg" WIDTH = 800 HEIGHT = 600>
</A>
</CENTER>
<SCRIPT LANGUAGE= JavaScript>
function ImgOver()
{
 // use an image file you have or use one of XP's wallpaper
 document.form1.IMG1.src = 'images/home.jpg';
}
function ImgOut()
{
 // use an image file you have or use one of XP's wallpaper
 document.form1.IMG1.src = 'images/follow.jpg';
}
</SCRIPT>
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kaedah JavaScript untuk mencapai kemahiran effect_javascript teks pelangiArtikel seterusnya：Kaedah JavaScript untuk mencapai kemahiran effect_javascript teks pelangi

Artikel berkaitan

Lihat lagi