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

Картинка в javascript


     02.11.2013    javascript    Все вопросы » Общие вопросы по вёрстке    3824

вопрос
Всем привет! Ребят помогите: вот код js
$(document).ready(function() {
    
    // Виджет кнопки вверх (Test-Templates)
    // Версия 1.0
    
    $('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;">наверх</div>');
        
    $ (window).scroll (function () {
        if ($ (this).scrollTop () > 100) {
            $ ('.button-up').fadeIn();
        } else {
            $ ('.button-up').fadeOut();
        }
    });
    
    $('.button-up').click(function(){
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
    
    $('.button-up').hover(function() {
            $(this).animate({
                'opacity':'1',
            }).css({'background-color':'#e7ebf0','color':'#6a86a4'});
        }, function(){
            $(this).animate({
                'opacity':'0.7'
            }).css({'background':'none','color':'#d3dbe4'});;
    });
        
});
и в этот код место надписи наверх нужно добавить картинку. Помогите пжл)

Ответа пока нет


1 комментарий

maximantropov
Юзер

maximantropov - 3 ноября 2013 17:13 -


<div class="button-up" style="display: none;opacity: 0.7;width: 80px;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #d3dbe4;font-weight: bold;width:50px;height:50px;background:(../images/top.png);"></div>


width:50px;height:50px;background:(../images/top.png);
Заменить значения на свои!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх