Nano Hash - криптовалюты, майнинг, программирование

Простое скрытие и исчезновение в Javascript

Мне было интересно, может ли кто-нибудь помочь мне сделать простое скрытие и исчезновение, когда пользователь наводит курсор на элемент div, текст (h1) Share This будет скрыт, а div будет показан. как только пользователь покинет элемент div, он автоматически скроет div social-btn и покажет h1.

вот коды:

<div class="item">

    <h1 class="socialh1">Share This!</h1>

    <div class="social-btn">
        <div class="Fb-btn">
        Facebook button here!
        </div>
        <div class="twitter-btn">
        twitter button here!
        </div>
    </div>

</div>

Посмотрите это в действии здесь:

http://jsfiddle.net/A9WpU/

благодарю вас!!!

javascript hide jquery fadein
25.08.2013

Ответы:


1

Попробуйте следующее:

$('.item').hover(function(){
    $('h1.socialh1').hide('fast');
    $('div.social-btn').show('fast');
},function(){
    $('div.social-btn').hide('fast');
    $('h1.socialh1').show('fast');
});

Демо

25.08.2013
  • Спасибо, Гарри, ты понял! 25.08.2013

    • 2 
    $(function(){

    $('.item').hover(function() {
        $('.socialh1').fadeOut('fast');
        $('.social-btn').fadeIn('fast');
    }, function() {
        $('.socialh1').fadeIn('fast');
        $('.social-btn').fadeOut('fast');
    });

});

    Вот, проверьте эту скрипку:

    http://jsfiddle.net/A9WpU/4/

    25.08.2013

    3

    Я думаю

    var sbtn = $('.social-btn');
$('h1.socialh1').hover(function(){
    sbtn.show();
},function(){
    var timer = setTimeout(function(){
        sbtn.hide();
    }, 200);
    sbtn.data('hidertimer', timer);
});
sbtn.hover(function(){
    clearTimeout(sbtn.data('hidertimer'))
}, function(){
    sbtn.hide();
})

    Демонстрация: Fiddle

    25.08.2013

    4

    Используйте наведение JQuery:

    $(".item").hover(
function () {
    $(this).find(".socialh1").fadeOut();
    $(this).find(".social-btn").fadeIn();
},
function () {
    $(this).find("social-btn").fadeOut();
    $(this).find(".socialh1").fadeIn();
});

    Скрипка

    25.08.2013
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..