Дизайн и Верстка > Всё о Html

помогите сделать специфическую ссылку

(1/2) > >>

Mirlen:
выглядит все следующим образом
1. без наведения ссылка - просто текст.
2. при наведении на нее - текст сереет и появляется еще несколько символов-номер ссылки тем же серым цветом.

как-нибудь с помощью css это можно сделать?

ravshaniy:
можно. но если ответ писать в вашем стиле то выглядеть он будет следующим образом

1. там рюшечку пририсуете в цсс
2. а вот здесь пару символов в хтмл добавите

поэтому если конекретней ответ хотите может исходные данные будут менее абстрактными?

Mirlen:

верхняя строчка - под указателем мышки. там проявились цифры (акцентирует внимание)

hanslinger:
Это все делается на js либо хитрым css. Типа a.menu:hover .xxx { display: block}, и 01

ravshaniy:
абсолютно в душу верно:



--- Код: ---
html, body{
width:100%;
text-align:center;
}
ul#jsmenu{
display:block;
width:300px;
margin:0 auto;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
ul#jsmenu li{
width:250px;
position:relative;
text-align:left;
list-style:none;
padding:5px 0 5px 0;
}
ul#jsmenu li a{
color:rgb(118,117,122);
text-decoration:none;
font-weight:bold;
font-size:16px;
}
ul#jsmenu li a.jshover{
color:rgb(154,154,154);
}
ul#jsmenu li a.jshover span{
color:rgb(154,154,154);
display:block;
}
ul#jsmenu li a span{
display:none;
width:10px;
position:absolute;
left:-40px;
font-size:10px;
font-weight:normal;
top:8px;
}




* 01О компании
   
* 02Продукция
   
* 03Доставка



var jshover = function() {
var sfEls = document.getElementById("jsmenu").getElementsByTagName("a");
for (var i=0; i

Навигация

[0] Главная страница сообщений

[#] Следующая страница