Phiên bản đầy đủ: jsB@nk » Liên kết » Hoa văn bao quanh liên kết khi rê chuột
URL: https://www.javascriptbank.com/link-on-mouseover.html
Hiệu ứng tạo ra các hoa văn bao quang liên kết khi ta rê con trỏ chuột đến.
Phiên bản đầy đủ: jsB@nk » Liên kết » Hoa văn bao quanh liên kết khi rê chuột
URL: https://www.javascriptbank.com/link-on-mouseover.html
<STYLE type=text/css>A {BACKGROUND-COLOR: black; BORDER-BOTTOM: black 3px double; BORDER-LEFT: black 3px double; BORDER-RIGHT: black 3px double; BORDER-TOP: black 3px double; COLOR: white; FONT-WEIGHT: bold; POSITION: relative; TEXT-ALIGN: center; TEXT-DECORATION: none; WIDTH: 130px}A:hover {BACKGROUND-COLOR: blue; COLOR: white}BODY {TEXT-ALIGN: center}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript type=text/javascript><!--var link_names=new Array();var link_addresses=new Array();var colors=new Array("darkblue","darkred","black","gray","green","blue","red");link_names=["Home","JSBank","Google.com","DogPile.com"];link_addresses=["http://javascriptbank.com","http://javascriptbank.com","http://google.com","http://dogpile.com"];var _Default="";function main(){ Create_Span_(); Create_Br_(); for(var x=0;x<link_names.length;x++) Create_Links_(x);Create_Br_();Create_Span_();Create_Br_();}function Create_Links_(buffer){ var anchors0=document.createElement('a');anchors0.href=link_addresses[buffer];anchors0.innerHTML=link_names[buffer];anchors0.id="aid"+buffer;anchors0.onmouseover=mOver;anchors0.onmouseout=mOut;document.body.appendChild(anchors0); Create_Sp_();}function Create_Span_(){ var spans0=document.createElement('span'); spans0.innerHTML=_Default; with(spans0.style) { backgroundColor="transparent";textAlign="center";fontWeight="bold";fontSize=18; } document.body.appendChild(spans0);}function Create_Sp_(){var sp=document.createElement('b');sp.style.visibility="hidden";sp.innerHTML="__";document.body.appendChild(sp);}function Create_Br_(){ var br=document.createElement('br');document.body.appendChild(br);}function mOver(){ var rand=Math.floor(Math.random()*colors.length); var spans0=document.getElementsByTagName('span'); for(var x=0;x<spans0.length;x++){ spans0[x].innerHTML="~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~"; with(spans0[x].style) { color=colors[rand]; }}}function mOut(){ var spans0=document.getElementsByTagName('span');for(var x=0;x<spans0.length;x++){ spans0[x].innerHTML=_Default; with(spans0[x].style) { color="black"; } }}window.onload=main;//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->