Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Подсветка строки при переходе по якорю (https://javascript.ru/forum/jquery/60840-podsvetka-stroki-pri-perekhode-po-yakoryu.html)

Alexbelkevich 23.01.2016 18:05

Спасибо большое! Теперь все получилось!)))
Не грущу, мне никто ничем не обязан))
:victory:

Александр83 06.03.2017 06:35

Проблема с подсветкой якоря ссылки
 
Доброго времени суток! Подскажите пожалуйста как установить подсветку якоря в данном коде?

jQuery(document).ready(function() {
jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function(){
var target = jQuery(this).attr('href');
jQuery('html, body').animate({scrollTop: jQuery(target).offset().top - 120}, 1000);
return false;
});
});

CSS:
.active_hover{
background: #0033FF;
}

рони 06.03.2017 07:39

Александр83,
$(function(){
 var hash = window.location.hash;
 hash &&  $(hash).addClass("active_hover")
   })

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Александр83 06.03.2017 08:26

<style>
.glav{
display: block;
}
#<?php echo $block_hover; ?>:hover{
color: #fff;
text-decoration: none;
background: #0033FF;
display: block;
font-size: 13px;
cursor: pointer;
position: relative;
border: 1px solid #0033FF;
}
a.<?php echo $block_hover; ?>:hover{
color: #fff;
text-decoration: none;
background: #0033FF;
display: block;
font-size: 13px;
cursor: pointer;
position: relative;
border: 1px solid #0033FF;
}
a.<?php echo $block_hover; ?> {
font-size: 13px;
background: #666;
text-align: center;
color: #fff;
text-decoration: none;
border-color: #000;
border-radius: 2px;
position: relative;
display: block;
}
.active_hover{
background: #0033FF;
}
</style>

<script>
jQuery(document).ready(function() {
jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function(){
var target = jQuery(this).attr('href');
jQuery('html, body').animate({scrollTop: jQuery(target).offset().top - 120}, 1000);
return false;
});
});
</script>

Извиняюсь за несообразительность! я только изучаю, вот полный код который прописан в VM на php, куда именно необходимо прописать ваше дополнение? заранее благодарен.

Александр83 06.03.2017 08:26

<style>
.active_hover{
background: #0033FF;
}
</style>

<script>
jQuery(document).ready(function() {
jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function(){
var target = jQuery(this).attr('href');
jQuery('html, body').animate({scrollTop: jQuery(target).offset().top - 120}, 1000);
return false;
});
});
</script>

Извиняюсь за несообразительность! я только изучаю, вот полный код который прописан в VM на php, куда именно необходимо прописать ваше дополнение? заранее благодарен.

рони 06.03.2017 08:57

Александр83,
http://javascript.ru/formatting

Александр83 06.03.2017 12:04

Цитата:

Сообщение от рони (Сообщение 446488)
Александр83,
http://javascript.ru/formatting

здесь нет необходимой информации по моему вопросу:-? !

рони 06.03.2017 15:00

Цитата:

Сообщение от Александр83
здесь нет необходимой информации по моему вопросу

вас просят, правильно оформить свой вопрос, используя теги форматирования.

Александр83 07.03.2017 05:10

.active_hover{
background: #0033FF;
}


jQuery(document).ready(function() {
jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function(){
var target = jQuery(this).attr('href');
jQuery('html, body').animate({scrollTop: jQuery(target).offset().top - 120}, 1000);
return false;
});
});

Александр83 07.03.2017 05:11

ну как то так!


Часовой пояс GMT +3, время: 03:07.