| |
 27.4 Кб |
|
| | Помогите скруглить углы бэкгроунда ссылки, когда наведен курсор.>>>>>> вот скрин>>>>>>>
Вот ява:
<script type="text/javascript" src="script/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="script/jquery.corner.js"></script>
<script type="text/javascript">
$(".menu2").corner("round 10px");
</script>
<script type="text/javascript">
$(".ab").corner("round 10px");
</script>
|
Вот хтмл:
<div id="divcat" align="left">
<ul class="menu2">
<div class="aaa">
<li><a href="indexfg.html">Viessmann</a></li>
</div>
<div class="aaa">
<li><a href="catalog.html">Grundfos</a></li>
</div>
<div class="aaa">
<li><a href="contact.html">Vaillant</a></li>
</div>
<div class="aaa">
<li><a href="Service.html">Buderus</a></li>
</div>
<div class="aaa">
<li><a href="catalog.html">Ferroli</a></li>
</div>
<div class="aaa">
<li><a href="catalog.html">Elteco</a></li>
</div>
<div class="aaa">
<li><a href="catalog.html">Girsh</a></li>
</div>
<div class="aaa">
<li><a href="catalog.html">Herz</a></li>
</div>
<div id="ab">
<li><a href="catalog.html">Nibe</a></li>
</div>
</ul>
</div>
|
вот СИСС:
.aaa
{
border-bottom:1px solid #F60;
}
ul.menu2
{
border:1px solid #c8d6e6;
}
#divcat {
float:left;
padding-left:10px;
padding-top:10px;
}
#divcat ul{
list-style-type:none;
margin:0;
font:bold 12px Verdana;
text-decoration:none;
width:90px;
height:278px;
padding:0px;
}
#divcat li a{
color:#646464;
padding:8px;
width:90px;
display:block;
width:75px;
}
#divcat li a:hover{
background:url(images/navover.gif) repeat-x;
color:#F60;
}
.ab li a:hover{}
|
| |
| |
|
