Flash написал(а):<p><a href="#" class="rollover"> </a></p>
Объект - параграф у Вас находится в единственном числе.
Flash написал(а):<style type="text/css">
A.rollover {
background: url(images/estonia%20-%20copy.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 156px; /* Ширина рисунка */
height: 95px; /* Высота рисунка */
}
A.rollover:hover {
background: url(images/estonia.png); /* Путь к файлу с заменяемым рисунком */
}
</style>
Затем Вы составляете на КСС код с псевдоклассом, поэтому при наведении мыши у Вас меняется картинка.
Это всё я к тому, что в КСС возможно сделать всё это только единожды, нет возможности рандомной смены картинки. За это отвечает уже ЯваСкрипт.
Если Вам надо три разных параграфа сделать, измените название классов элементов, чтоб они не совпадали, то есть напрмер:
Для первого:
Flash написал(а):<p><a href="#" class="rollover1"> </a></p>
Для второго:
Flash написал(а):<p><a href="#" class="rollover2"> </a></p>
Для третьего:
Flash написал(а):<p><a href="#" class="rollover3"> </a></p>
Соответственно, в КСС коде Вам придётся в качестве селекторов использовать написанные Вами значения классов:
Для первого:
Flash написал(а):<style type="text/css">
A.rollover1 {
background: url(images/estonia%20-%20copy.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 156px; /* Ширина рисунка */
height: 95px; /* Высота рисунка */
}
A.rollover1:hover {
background: url(images/estonia.png); /* Путь к файлу с заменяемым рисунком */
}
</style>
Для второго:
Flash написал(а):<style type="text/css">
A.rollover2 {
background: url(images/estonia%20-%20copy.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 156px; /* Ширина рисунка */
height: 95px; /* Высота рисунка */
}
A.rollover2:hover {
background: url(images/estonia.png); /* Путь к файлу с заменяемым рисунком */
}
</style>
Для третьего:
Flash написал(а):<style type="text/css">
A.rollover3 {
background: url(images/estonia%20-%20copy.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 156px; /* Ширина рисунка */
height: 95px; /* Высота рисунка */
}
A.rollover3:hover {
background: url(images/estonia.png); /* Путь к файлу с заменяемым рисунком */
}
</style>
И лучше всё это собрать под единые теги стиля, если всё это будет стоять рядом.
Отредактировано rps (Чт, 9 Июл 2009 16:28:43)
