Скрипты кнопок
Вообщем, что делать со скриптами этих кнопок, думайте сами:)
мы просто дадим вам HTML коды этих кнопок.
Коды:
<html>
<head>
<title>Кнопка, меняющая цвет при наведении курсор</title>
<style type="text/css">
.bigChange {color:#006600; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {color:yellow; background:#006600; bolder: Lime; }
</STYLE>
</head>
<body>
<SCRIPT LANGUAGE=JAVASCRIPT>
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</SCRIPT>
<FORM NAME=highlight onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
<input type="button" value="Button 1" style="border-color: #ffff00;">
<input type="button" value="Button 2" style="border-color: #ffff00;">
<input type="button" value="Button 3" style="border-color: #ffff00;">
</FORM>
</body>
</html>
Кнопка, меняющая фон при наведении курсора
Скрипты на JavaScript
<html>
<head>
<title>Кнопка с текстом постоянно меняющим цвет.</title>
<script>
function h(color)
{
hn = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A" ,"B", "C", "D", "E", "F")
if(color<0){return "00"}
else if(color>255){
return "FF"
}
else {
s = "" + hn[Math.floor(color/16)] + hn[color%16]
return s
}
}
function toH(red, green, blue){
return h(red) + h(green) + h(blue)
}
function RGB(red, green, blue){
return toH(red, green, blue)
}
var sR = 5
var sG = 256
var sB = 56
var R = 5
var G = 256
var B = 256
var b = true;
function setButtonColor(r, g, b) {
document.all["button"].style.color=RGB(r, g, b);
}
function startChanging(){
if(b==true) {
if((R>256)||(G>256)||(B>256)) {
b=false;
}
R+=sR;G+=sG;B+=sB;
}
else {
if((R<0)||(G<0)||(B<0)) {
b=true;
}
R-=sR; G-=sG; B-=sB
}
setButtonColor(R, G, B);
setTimeout("startChanging()", 3)
}
</script>
</head>
<body onload="startChanging()">
<button style="background-color:#ffff33; font: 8pt Fixedsys;" id="button"><p>Кнопка с цветным текстом</p></button>
</body>
</html>
Ссылка мерцающая при наведение курсора
Скрипты на JavaScript
<script language="JavaScript">
<!--
// choose the colors the link-animation will rush through
var newcolor=new Array("ff0000","ff3300",
"ff3300","ff6600","ff6600","ff9900",
"ff9900","ffcc00","ffcc00","ffff00",
"ffff00","ccff00","ccff00","99ff00",
"99ff00","00ff00","00ff00","00cc00",
"00cc00","00cc99","00cc99","00ccff",
"00ccff","0099ff","0099ff","0066ff",
"0066ff","0033ff","0033ff","9900cc",
"9900cc","9933cc","9933cc","cc33cc",
"cc33cc","ff00cc","ff33cc","ff0066",
"ff0066","ff0000")
// speed of animation. Smaller means faster
var pause=30
// Do not edit the values below
var timer
var animation_on=true
var thislink
var i_color=0
function startanimation(newlink) {
if (document.all) {
animation_on=true
thislink=eval("document.all."+newlink+".style")
changecolors()
}
}
function changecolors() {
if (animation_on)
{
if (i_color>=newcolor.length-1)
{
i_color=0
}
thislink.color=newcolor[i_color]
i_color++
timer=setTimeout("changecolors()",pause)
}else {
clearTimeout(timer)
}
}
function stopanimation() {
if (document.all) {
animation_on=false
}
}
-->
</script>
</head>
<body>
<DIV id="deletethisblock"><A name="link1" onMouseOver="startanimation(this.name)" onMouseOut="stopanimation()" href="http://portaline.ru"> portaline.ru</a><p> <A name="link5" onMouseOver="startanimation(this.name)" onMouseOut="stopanimation()" href="http://portaline.ru">Мир информаций</a><br></DIV>
</body>
</html>
<body>
</body>
Кнопка с меняющимся текстом и ссылками.
Скрипты на JavaScript
<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
var lineNo = 0
var lineMax = 4
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "JAVA Script"
urlArr[1] = "http://scriptic.ru/"
lineArr[2] = "Java Applet"
urlArr[2] = "http://scriptic.ru/"
lineArr[3] = "DHTML CGI"
urlArr[3] = "http://scriptic.ru/"
lineArr[4] = "Scriptic.ru"
urlArr[4] = "http://scriptic.ru/"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
document.formDisplay.buttonFace.value = lineText
timerID = setTimeout("ShowLine()", 2000)
}
function GotoUrl(url)
{
top.location.href ='../index.shtml'
}
// end hide -->
</SCRIPT>
</head>
<body onLoad="StartShow()" onUnload="StopShow()">
<FORM name="formDisplay">
<INPUT TYPE="button" NAME="buttonFace" VALUE="&{lineText};" onClick="GotoUrl(urlArr[lineNo])" style="color: #00ff99; background-color: #000000; border-color: #00cc00;"></INPUT>
</FORM>
</body>
</html>