Phiên bản đầy đủ: jsB@nk » Hình ảnh » Chuyển ảnh » Đổi ảnh khi rê chuột
URL: https://www.javascriptbank.com/simple-swap.html
Một đoạn mã JavaScript khác dùng để đổi ảnh khi người dùng rê con trỏ chuột đến. Trong hiệu ứng JavaScript này, thay vì dùng cách thông thường, đoạn mã JavaScript thiết lập thuộc tính mới oversrc
chứa đường dẫn ảnh cần đổi.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Chuyển ảnh » Đổi ảnh khi rê chuột
URL: https://www.javascriptbank.com/simple-swap.html
<script language="javascript">// Created by: Jehiah Czebotar :: http://jehiah.com//* To read the explanation of how this works, visit: http://jehiah.com/archive/simple-swap */function SimpleSwap(el,which) { el.src=el.getAttribute(which || "origsrc");}function SimpleSwapSetup() { var x = document.getElementsByTagName("img"); for (var i=0;i<x.length;i++){ var oversrc = x[i].getAttribute("oversrc"); if (!oversrc) continue; // preload image - // comment the next two lines to disable image pre-loading x[i].oversrc_img = new Image(); x[i].oversrc_img.src=oversrc; // set event handlers x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');"); x[i].onmouseout = new Function("SimpleSwap(this);"); // save original src x[i].setAttribute("origsrc",x[i].src); }}var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<img src="gif_logojsb2.gif" oversrc="gif_logojsb.gif"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->