Показать сообщение отдельно
  #40 (permalink)  
Старый 10.03.2017, 06:27
Аватар для Александр83
Аспирант
Отправить личное сообщение для Александр83 Посмотреть профиль Найти все сообщения от Александр83
 
Регистрация: 06.03.2017
Сообщений: 93

Здравствуйте! возникла очередная проблема в подсветке определенной ссылки, проблема состоит в том что,
при наведении курсора мышки на ссылку "Z111" с div классом left_img - подсветка происходит в div классом right_scrol
на все три ссылки (Z1, Z11, Z111), скажите пожалуйста как установить точность чтоб при наведении подсвечивалась Z1 к Z1 итд.
Заранее благодарен за ответ!

<div class="left_img">
<a href="#<?php echo $block_hover; ?>">Z1</a>
<a href="#<?php echo $block_hover; ?>">Z11</a>
<a href="#<?php echo $block_hover; ?>">Z111</a>
</div>

<div class="right_scrol">
<a id="<?php echo $block_hover; ?>">Z1</a>
<a id="<?php echo $block_hover; ?>">Z11</a>
<a id="<?php echo $block_hover; ?>">Z111</a>
</div>


#<?php echo $block_hover; ?>:hover{
    color: #fff;
    background: #0033FF;
}
a.<?php echo $block_hover; ?>:hover{
    color: #fff;
    background: #0033FF;
}
#<?php echo $block_hover; ?>.script_css{
    color: #fff;
    background: #0033FF;
} 
a.<?php echo $block_hover; ?>.script_css{
    color: #fff;
    background: #0033FF;
}


jQuery(document).ready(function() {
    jQuery('a[href^="#<?php echo $block_hover; ?>"]').click(function() {
        var target = jQuery(this).attr("href");
        jQuery('div.right_scrol').animate({
            scrollTop: jQuery(target).position().top - 500}, 1000);
        return false
    }).mouseenter(function() {
        var target = jQuery(this).attr("href");
        jQuery('#<?php echo $block_hover; ?>').addClass("script_css")
    }).mouseleave(function() {
        var target = jQuery(this).attr("href");
        jQuery('#<?php echo $block_hover; ?>').removeClass("script_css")
    })
});


jQuery(document).ready(function() {
    jQuery('a[id^="<?php echo $block_hover; ?>"]').click(function() {
        var target = jQuery(this).attr("id");
        return false
    }).mouseenter(function() {
        var target = jQuery(this).attr("href");
        jQuery('a.<?php echo $block_hover; ?>').addClass("script_css")
    }).mouseleave(function() {
        var target = jQuery(this).attr("href");
        jQuery('a.<?php echo $block_hover; ?>').removeClass("script_css")
    })
});
Ответить с цитированием