»
Tiếng AnhTiếng PhápTiếng Việt

In - Hoa văn bao quanh liên kết khi rê chuột - JavaScriptBank.com

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

Hoa văn bao quanh liên kết khi rê chuột © JavaScriptBank.comHiệ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



CSS
<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-->


HTML
<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-->