Активация ссылок в Javascript

Question

Активация ссылок в Javascript

У меня есть некоторые проблемы с Javascript. На самом деле, я просто новичок в этом языке сценариев, поэтому мне нужна помощь..
Вопрос: как сделать эту ссылку активной:

<a href="#box1">something</a>

Эта ссылка является просто ссылкой на div, который находится в индексе.html-файл, поэтому загрузка страницы отсутствует.
а вот div

<div id="box1" class="box">

<h3><a name="box1">something</a></h3>

</div>

526 3

javascript css

3 ответов:

Comments

Ничего не найдено.

egasimus · Accepted Answer · 2012-06-19 16:03:46

Поскольку вы только начинаете, я бы предложил вам использовать библиотеку, такую как jQuery. Итак, если ваш HTML выглядит так:
<div id="box1" class="box">
<h3><a name="box1">something</a></h3>
</div>
<div id="box2" class="box">
<h3><a name="box2">something</a></h3>
</div>
<div id="box3" class="box">
<h3><a name="box3">something</a></h3>
</div>
И у вас есть класс CSS под названием youarehere:
.youarehere { color:white; background:green; }
С помощью jQuery вы можете написать что-то вроде:
$(".box > a").click(function() {             // when clicking any of these links
    $(".box > a").removeClass("youarehere"); // remove highlight from all links
    $(this).addClass("youarehere");          // add highlight to clicked link
})
В простом JS требуется немного больше усилий, чтобы достичь этого. Сделайте себе одолжение и не изобретайте велосипед-люди уже позаботились об этом, поэтому используйте продукт их труда, чтобы облегчить себе жизнь.

Sudip Pal · Accepted Answer · 2012-06-19 12:59:14

A: active означает, что при нажатии на ссылку свойства css будут применяться к ссылке, вместо использования a: active use
a.visited{color:red;}

D.G · Accepted Answer · 2012-06-19 13:00:41

Для изменения цвета текста ссылки при наведении курсора мыши используйте следующий css:
<style type="text/css">
        a:hover{color:Red;}
    </style>