Java Ultimos Temas

Detalhes da questão

Endereço do fórum: http://darkholerpg.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Alguns dias atrás eu solicitei uma ajuda para o widget de ultimos temas do meu fórum, depois de algum trabalho, funcionou perfeitamente.

Porém agora eu gostaria de acrescentar o efeito de que o scroll do dos 'ultimos temas' parecesse quando eu passar o mouse em cima. É possível?

Link da ultima solicitação: https://ajuda.forumeiros.com/t107481-ultimos-temas-no-forum

JavaScript que o Kyo Panda desenvolveu para que o widget funcionasse:

Código:

; (function ($) {
    'use script';
 
    $(function () {
        var parent;
 
        if ($('.cubonoti').length === 0) {
            return;
        }
 
        parent = $('.cubonoti').closest('tr').find('div:last').parent();
 
        parent
            .html('')
            .css('overflow', 'hidden');
 
        $('#comments_scroll_div .marquee')
            .marquee('destroy')
            .css('height', '180px')
            .appendTo(parent)
            .marquee();
    });
})(jQuery);

Desde já, grato.

Bom dia.

Poderia me fornecer o código da tabela como mencionou nesta mensagem?

Segue o code:

Código:

              <div style="width:300px;height:300px;padding:30px;background:#0c0c0c;">
                                                                                                                                                                     
                  <table>
                                                                                                                                 
                    <tbody>
                                               
                        <tr>
                                                                                                                                       
                          <td>
                                                                                                                                           
                              <div class="cubonoti">
                                                                                                                                                                   
                                <div class="noticiastextito">
                                                <br /><br />                                          ULTIMAS <br /> Noticias             
                                </div>
                                                                                                                                                                               
                              </div>
                                                                                                                                                     
                          </td>
                                                                                                                                       
                          <td>
                                                                                                                                                     
                              <div style="width:180px;height:120px;padding:10px;background:#141414;">
                                                                                                                                                               
                                <div style=" margin-top:10px;letter-spacing: 1px;
  line-height: 100%;font-size:11px;font-family:arial;color:#fff;text-transform:uppercase;">
                                                                                            - 00/00/00 Apertura                                                                                     
                                </div>
                                                                                                                                                                                                         
                              </div>
                                                                                                                                                       
                          </td>
                                                                                                                                                     
                        </tr>
                                                                                                                                     
                    </tbody>
                                             
                  </table>
                                                                                                                     
                  <table>

Porém o Kyo não modificou o code da tabela, apenas a aplicação JavaScript

up

up

up

O senhor diz parar a rolagem quando o ponteiro do rato passar por cima do texto rolante? Se sim, troque o script por esse:

Código:

/* globals jQuery */

(function($) {
    'use script';

    $(function() {
        var $container = $('.cubonoti');
        var $marquee = $('#comments_scroll_div .marquee');

        if ($container.length === 0 || $marquee.length === 0) {
            return;
        }

        var $parent = $container.closest('tr').find('div:last').parent();

        $parent
            .attr('id', 'comments-marquee')
            .html('')
            .css('overflow', 'hidden');

        $marquee
            .marquee('destroy')
            .css('height', '180px')
            .appendTo($parent)
            .marquee();

        $marquee.on('hover', function() {
            $marquee.marquee('pause');
        }, function() {
            $marquee.marquee('resume');
        });
    });
})(jQuery);


É exatamente isso Kyo. Eu coloquei o script acima, porém o efeito de parar o texto rolante não funcionou.

Tente trocar por esse:

Código:

/* globals jQuery */

(function($) {
    'use strict';

    $(function() {
        var $container = $('.cubonoti');

        if ($container.length === 0) {
            return;
        }

        var $marquee = $('#comments_scroll_div .marquee');

        if ($marquee.length === 0) {
            return;
        }

        var $parent = $container.closest('tr').find('div:last').parent();

        $parent
            .attr('id', 'comments-marquee')
            .html('')
            .css('overflow', 'hidden');

        $marquee = $marquee
            .marquee('destroy')
            .css('height', '180px')
            .appendTo($parent)
            .marquee();

        $marquee.hover(function() {
            $marquee.marquee('pause');
        }, function() {
            $marquee.marquee('resume');
        });
    });
})(jQuery);


Funcionou perfeitamente! Pode fechar o tópico.