Hiệu ứng tạo ra các dạng sáng [URL="http://www.javascriptbank.com/javascript/link/rainbow-flash/"]nhấp nh...


Demo:

Cách cài đặt

Bước 1: Copy mã CSS bên dưới và dán vào khu vực HEAD trên trang web của bạn
CSS
Mã:
<style type="text/css">
.nav
{
	position: relative;
}
</style>
<STYLE type=text/css>.nav {
	COLOR: #ffffff; FONT-FAMILY: Times; FONT-SIZE: 25pt; LEFT: 40px; POSITION: absolute; TEXT-DECORATION: none
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->
Bước 2: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
Mã:
<SCRIPT>
<!-- Beginning of JavaScript -

var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=50
var thisobj

function gotoURL(){
      var newWindow=window.open("http://javascriptbank.com","newwin","status,directories,menubar,scrollbars,titlebar,toolbar,resizable,HEIGHT=600,WIDTH=1000")
      newWindow.focus()
}

function stopfilter(thisdiv){
    if (document.all) {
        clearTimeout(timer)
	    thisobj=thisdiv
        thisobj.style.filter=" "
    }
}


function startfilter(thisdiv){
    if (document.all) {
        clearTimeout(timer)
	    thisobj=thisdiv
        morefilter()
    }
}

function morefilter(){
    if (i_strength <=max_strength) {
	    thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
        i_strength++
        timer = setTimeout("morefilter()",speed)
    } 
    else {
        clearTimeout(timer)
        lessfilter()
    } 
}

function lessfilter(){
    if (i_strength >=0) {
	    thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
        i_strength--
        timer = setTimeout("lessfilter()",speed)
    }    
    else {
        clearTimeout(timer)
        morefilter()
    } 
}

// - End of JavaScript - -->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->
Bước 3: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML
Mã:
<DIV class=nav id=news onclick=gotoURL() onmouseout=stopfilter(this) onmouseover=startfilter(this)>NEW SCRIPTS</DIV><br><br>
<DIV class=nav id=contact onclick=gotoURL() onmouseout=stopfilter(this) onmouseover=startfilter(this)>CONTACT</DIV><br><br>
<DIV class=nav id=chart onclick=gotoURL() onmouseout=stopfilter(this) onmouseover=startfilter(this)>DHTML CHARTS</DIV><br><br>
<DIV class=nav id=besteller onclick=gotoURL() onmouseout=stopfilter(this) onmouseover=startfilter(this)>BESTSELLERS</DIV><br><br>
<DIV class=nav id=scriptkiller onclick=gotoURL() onmouseout=stopfilter(this) onmouseover=startfilter(this)>SCRIPTKILLER</DIV>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bạn có thể xem thêm nhiều JavaScript khác về




- -