Начало
Кнопки
Кнопка изображения
Легко создайте активные кнопки с любым изображением. Изображение репозиций, когда Ваша мышь передает по этому и двигается снова когда нажато.
Переместите свою мышь через изображение выше. Попытайтесь нажать
JavaScript Кнопка изображения
<!-- TWO STEPS TO INSTALL IMAGE BUTTON: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <! > <! > <style> <!-- .mouseBeOffMe { border-top: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 6px solid #FFFFFF; border-right: 10px solid #FFFFFF; } .mouseBeOnMe { border-top: 6px solid #FFFFFF; border-bottom: 14px solid #FFFFFF; border-left: 10px solid #FFFFFF; border-right: 6px solid #FFFFFF; } .mouseBeDown { border-top: 13px solid #FFFFFF; border-bottom: 7px solid #FFFFFF; border-left: 10px solid #FFFFFF; border-right: 6px solid #FFFFFF; } .mouseBeUp { border-top: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 10px solid #FFFFFF; border-right: 6px solid #FFFFFF; } //--> </style> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> <img src = "../img/logo.gif" title = "This is the Image Label" width = "90" height = "40" border = "0" class = "mouseBeOffMe" onmouseover = "this.className='mouseBeOnMe'" onmousedown = "this.className='mouseBeDown'" onmouseup = "this.className='mouseBeUp'" onmouseout = "this.className='mouseBeOffMe'"> <br> <br> Move your mouse over the image above. Try clicking on it also! </center> <!-- Script Size: 1.83 KB -->