Мигающий текст при наведении курсора - PullRequest
Новая
       2

Мигающий текст при наведении курсора

1 голос
/ 07 августа 2011

Как избавиться от мигающего текста при наведении курсора в javascript. Я отредактировал номер продолжительности, но ничего не изменил. Это не выглядит гладко для меня вообще. Я довольно новый веб-разработчик, не уверен, что в коде JavaScript нужно редактировать это правильно. Между прочим, я хочу, чтобы при первой загрузке страницы тексты были скрыты до наведения мыши, 2 строки будут открыты, а тексты onmouseout снова исчезнут (мигающий текст постоянно появляется при onmouseover), а затем при нажатии на вызвать другую функцию, fancybox. 

<script type="text/javascript">
            $(document).ready(function(){
            $(".msg-link").hover(
            function(){
                var id = $(this).data("id");
                    if(id!==undefined){
                        $("#" + id).show();   
                    }
                        $("#textMessages").show();

                    },function(){
                    $("#textMessages").hide();
                    $(".hidden").hide();
                });
            });

            function ShowHide() {
                alert('here');
                $("#textMessages").animate({
                    "height": "toggle"
                }, {
                    duration: 1000
                });
                }
</script> 

<div>
    <img class="msg-link" data-id="test" src="1.png" alt="" />
       <p id="textMessages">test<br />
        <a class="hidden" id="test" href="1.png" rel="group1" title="example title text">More View</a>
        <a class="hidden" id="koya" href="2.png" rel="group1" title="more text right here"></a>
       </p>
</div>

1 Ответ

0 голосов
/ 08 сентября 2011

звучит так, как будто это были вопросы, связанные с анимацией, вы хотели плавного показа / скрытия типа анимации?Imo Вы на самом деле должны использовать fadeIn или fadeOut для максимальной гладкости imo.но вы можете установить время для show () hide (), если это действительно то, что вы действительно предпочитаете ... или вы можете комбинировать fadein и изменение высоты родительского элемента, чтобы получить немного эффекта открытия, но не зубчатое масштабированиеслева и вниз эффект.

(+) добавили «id» в родительский div, вы, вероятно, не хотите, чтобы ссылка исчезала при прокрутке изображения, если вы приложили все усилия, чтобы показать его.

Я изменил пример Мртшермана на то, что, как я думал, ты пытался сказать.Я уверен, что это может быть немного более динамичным, как вы пытались сделать.НО это был вопрос об анимации или эффекте?верно?

http://jsfiddle.net/SRLj9/9/

...