Скрин:
Скрипт Java Script цветная кнопка. Описание: сценарий, который делает любой цвет фона кнопки формы при наведении курсора мыши.
Шаг №1 - Скопируйте приведенный ниже код между тэгами и
Code
<style type="text/css">
.initial2{font-weight:bold;background-color:lime}
</style>
<script type="text/javascript">
<!--
//Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe")
var buttontarget=""
function change(e, color){
var el=window.event? event.srcElement: e.target
if (el.tagName=="INPUT"&&el.type=="button")
el.style.backgroundColor=color
}
function jumpto2(url){
if (buttontarget=="")
window.location=url
else if (buttontarget=="_new")
window.open(url)
else
parent[buttontarget].location=url
}
//-->
</script>
Шаг №2 - Скопируйте приведенный ниже код в место где будут находиться кнопки.
Code
<form onMouseover="change(event, 'yellow')" onMouseout="change(event, 'lime')">
<input type="button" value="Студия" class="initial2" onClick="jumpto2('http://designsib.com')"><input type="button" value="Курсоры" class="initial2" onClick="jumpto2('http://designsid.com/cursor/')"><input type="button" value="Часы" class="initial2" onClick="jumpto2('http://designsib.com/clock/')"><input type="button" value="Эффекты" class="initial2" onClick="jumpto2('http://designsib.com/effect/')"><input type="button" value="Текст" class="initial2" onClick="jumpto2('http://designsib.com/text/')"><input type="button" value="Кнопки" class="initial2" onClick="jumpto2('http://designsib.com/button/')"><input type="button" value="Разное" class="initial2" onClick="jumpto2('http://designsib.com/other/')"></form>