| |
|
|
| | Ну вот в безобидной форме
<input type=submit value=OK>
|
хотелось бы сделать более весёлую кнопочку, а то это совсем уж безжизненная. Т.е. есть три состояния, условно назовём их покой, наведение, нажатие. допустим есть файлы 1, 2, 3 с расширением jpeg. А теперь расскажите, как это сделать и можно ли вообще?! | |
| |
|
|
| |
|
|
| |
для: Bubba
(18.11.2007 в 19:46)
| | | Только изображение
<img src="1.jpg" onmouseover="this.src='2.jpg';" onmousedown="this.src='3.jpg';" onmouseout="this.src='1.jpg';">
|
Принцип понятен? :)
P.S.: да, и учтите, что при отключенном JS (хотя сейчас уже это редко встретишь) это работать не будет! | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(18.11.2007 в 20:10)
| | | Принцип не понятен. Как это смонтировать с формой? Куда вставлять этот тег?! | |
| |
|
|
| |
|
|
| |
для: Bubba
(18.11.2007 в 20:27)
| | |
<script>
var i = 0;
var im = new Array(3);
var src = ['pokoi.bmp','navedenie.bmp','press.bmp'];
function imLoaded()
{
if(++i == im.length)
{
document.getElementById('ris').style.display = 'block';
document.getElementById('subm').style.display = 'none';
}
}
window.onload = function()
{
for(var i=0;i<im.length;i++)
{
im[i] = new Image();
im[i].onload = imLoaded;
im[i].src = src[i];
}
}
function up(ris)
{
ris.src='navedenie.bmp';
document.forms.form_name.submit();
}
</script>
<form name="form_name" action="">
<input id="subm" type="submit" value="OK">
<form>
<img style="display:none" id="ris" src="pokoi.bmp" onmouseover="this.src='navedenie.bmp'" onmouseout="this.src='pokoi.bmp'" onmousedown="this.src='press.bmp'" onmouseup="up(this)">
|
| |
| |
|
|
