masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

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

Lepaskan： 2016-05-16 16:03:40

asal

1075 orang telah melayarinya

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>

Salin selepas log masuk

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

Label berkaitan：

javascript 鼠标滑过

sumber：php.cn

Artikel sebelumnya：Kaedah JavaScript untuk mencapai kemahiran effect_javascript teks pelangi Artikel seterusnya：Ringkasan kaedah JQuery untuk memaparkan elemen_jquery halaman tersembunyi

Kenyataan Laman Web ini

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 terbaru oleh pengarang