Phiên bản đầy đủ: jsB@nk » Ứng dụng » Công cụ xuất » Tạo liên kết với sự kiện rê chuột
URL: https://www.javascriptbank.com/rollover-maker.html
Hiệu ứng là một cộng cụ giúp bạn xây dựng một liên kết có tính năng thay đổi thuộc tính(chẳng hạn như ảnh nền, chữ, màu chữ,...) mỗi khi gặp sự kiện rê con trỏ chuột vào/ra.
Phiên bản đầy đủ: jsB@nk » Ứng dụng » Công cụ xuất » Tạo liên kết với sự kiện rê chuột
URL: https://www.javascriptbank.com/rollover-maker.html
<SCRIPT>function loader(){topcode=document.form1.dis.valuedocument.form1.dis.value=''}count=0;var picOff=new Array();var picOn=new Array();var URL=new Array();var extras=new Array();spacer='';var topcode=''function compile(picoff1,picon1,url1,extra1){ picOff[count]=picoff1;picOn[count]=picon1;URL[count]=url1;extras[count]=extra1;count++ storeup='' for(countup=0;countup!=picOff.length;countup++){ storeup+='\r\<script\>rollover("'+picOff[countup]+'","'+picOn[countup]+'","'+URL[countup]+'",\''+extras[countup]+'\')\</script\>' } document.form1.dis.value=topcode+"\r"+storeup document.form1.picoff.value='' document.form1.picon.value='' document.form1.url.value='' document.form1.extra.value=''}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=loader()><FORM name=form1><TABLE border=0> <TBODY> <TR> <TD align=right>URL of picture as it appears normally: </TD> <TD><INPUT size=30 name=picoff></TD></TR> <TR> <TD align=right>Rollover to the following picture: </TD> <TD><INPUT size=30 name=picon> </TD></TR> <TR> <TD align=right>Have the picture link to the following URL:</TD> <TD><INPUT size=30 name=url> <TR> <TD align=right>Extra code in the <a>:</TD> <TD><INPUT size=30 name=extra> </TD></TR> <TR> <TD></TD> <TD><INPUT onclick=compile(document.form1.picoff.value,document.form1.picon.value,document.form1.url.value,document.form1.extra.value) type=button value=ADD> <INPUT onclick=location.reload() type=button value=Clear> </TD></TR></TBODY></TABLE><BR>Copy (ctrl-c) and paste (ctrl-v) the following code to your web page<BR><TEXTAREA onfocus=this.select() name=dis rows=10 wrap=false cols=70 scrollbars="0"><script>count=0;var picOff=new Array();var picOn=new Array();function TurnOn1(num){eval("picV"+num+"=new Image()");eval("picV"+num+".src='"+picOn[num]+"'");eval("document.pic"+num+"a.src=picV"+num+".src");};function TurnOff1(num1){eval("picZ"+num1+"=new Image()");eval("picZ"+num1+".src='"+picOff[num1]+"'");eval("document.pic"+num1+"a.src=picZ"+num1+".src");};function rollover(picoff1,picon1,url,extra){picOff[count]=picoff1;picOn[count]=picon1;document.write("<a href='"+url+"' onmouseover='TurnOn1("+count+")' onmouseout='TurnOff1("+count+")' "+extra+"><img src='"+picoff1+"' border=0 name='pic"+count+"a'></a>");TurnOn1(count);TurnOff1(count);count++;};</script></TEXTAREA> </FORM></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->