Phiên bản đầy đủ: jsB@nk » Trình đơn » Menu với hiệu ứng chuyển tiếp
URL: https://www.javascriptbank.com/multimedia-rollovers-menu-index.html
Đoạn mã tạo một trình đơn trên trang web với hiệu ứng chuyển tiếp ảnh nền của trình đơn mỗi khi người dùng rê con trỏ chuột đến các mục chọn. Hiệu ứng có tất cả 23 kiểu chuyển tiếp, Refresh lại trang để xem các kiểu chuyển tiếp khác.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Menu với hiệu ứng chuyển tiếp
URL: https://www.javascriptbank.com/multimedia-rollovers-menu-index.html
<script type="text/javascript">//Uncomment the next line for random transition rollover each time the page is loadeddocument.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1, transition='+Math.floor(Math.random()*23)+') }</STYLE>');//Uncomment the next line for a specific transition rollover (transition=0 to 23)//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1,transition=2) }</STYLE>');//Uncomment the next line for fading rollovers//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=1) }</STYLE>');var onImages=new Array();function Rollover(imgName, imgSrc){onImages[imgName] = new Image();onImages[imgName].src = imgSrc;}function turnOn(imgName) { if(document.images[imgName].filters != null)document.images[imgName].filters[0].stop();document.images[imgName].offSrc = document.images[imgName].src;document.images[imgName].src = onImages[imgName].src;} function turnOff(imgName) { if(document.images[imgName].filters != null)document.images[imgName].filters[0].apply();document.images[imgName].src = document.images[imgName].offSrc;if(document.images[imgName].filters != null)document.images[imgName].filters[0].play();} Rollover("home", "images/home_on.gif");Rollover("about", "images/about_on.gif");Rollover("forums", "images/forums_on.gif");Rollover("contact", "images/contact_on.gif");Rollover("scripts", "images/scripts_on.gif");</script> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><a href = "#" onMouseOver="turnOn('home');" onMouseOut="turnOff('home');"><img name="home" class="imgTrans" src="images/home_off.gif" border="0"></a><br><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/menu/Multimedia_Rollovers_Menu/Multimedia_Rollovers_Menu_images.zip