Простой пример

@Gauga · Регистрация: 04.07.2013

Author24 — интернет-сервис помощи студентам

Доброе время суток! Вот написал на html-е пример меню. Можете помочь через JQ сделать эффект активной ссылки? Чтоб она как-то выделялась от неактивных. Через что это лучше сделать, JQ или JS? Вот html пример моего меню:

HTML5

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="" content="">
</head>
<body>
<style>
.jsuy4 {
    border: 1px solid #ccc;
    height: 100px;
    overflow-y: scroll;
    width: 125px;
}
a {
    display: block;
}
</style>
<div class="jsuy4">
    <a href="leftmenu1.html#link1" class="one" id="link1">One1</a>
    <a href="leftmenu2.html#link2" class="one" id="link2">One2</a>
    <a href="leftmenu3.html#link3" class="one" id="link3">One3</a>
    <a href="leftmenu4.html#link4" class="one" id="link4">One4</a>
    <a href="leftmenu5.html#link5" class="one" id="link5">One5</a>
    <a href="leftmenu6.html#link6" class="one" id="link6">One6</a>
    <a href="leftmenu7.html#link7" class="one" id="link7">One7</a>
    <a href="leftmenu8.html#link8" class="one" id="link8">One8</a>
    <a href="leftmenu9.html#link9" class="one" id="link9">One9</a>
    <a href="leftmenu10.html#link10" class="one" id="link10">One10</a>
    <a href="leftmenu11.html#link11" class="one" id="link11">One11</a>
    <a href="leftmenu12.html#link12" class="one" id="link12">One12</a>
    <a href="leftmenu13.html#link13" class="one" id="link13">One13</a>
    <a href="leftmenu14.html#link14" class="one" id="link14">One14</a>
    <a href="leftmenu15.html#link15" class="one" id="link15">One15</a>
</div>
</body>
</html>

Всего файлов 15, и у всех одно и тоже содержание. Знаю чтоб пример не совершенен и никогда им не будет, но все-таки к нему хотелось бы добавить эффект, но в js и jq я просто 0.

Добавлено через 1 минуту
активный пункт меню, приобретает класс one.

@Web_Master · 15.10.2013, 14:09

А не проще ли с помощью css выделять активную ссылку? Например

CSS

1
2
3

a:hover {
    color: #ff0000;
}

Ссылка на которую навели станет красным шрифтом

	15.10.2013, 14:09