Скрытие (прозрачность) постов с отрицательным рейтингом
на многих порталах типа habrahabr.ru или yaplakal.com, посты с отрицательным рейтингом становятся невидимо-прозрачными или свёрнутыми, и чем больше минусов за одно неудачное или провокационное сообщение, тем оно прозрачнее - это так сказать, один из способов борьбы простых пользователей с неугодными большинству сообщениями, удалить их они не в состоянии, но скрыть с глаз долой пожалуйста ))
Автор: Romych
Платформа: MyBB
Аналоги: Сокрытие постов с отрицательным рейтингом (Mybb) [Duka]
в html-низ:
<script type="text/javascript"> $(document).ready(function(){ $('div.post').map(function () { var oz=$(this).find('div.post-rating a').text(); if(oz.indexOf('-')+1) { var bad=9+parseInt(oz); if(bad<=1) {bad=1}; $(this).css('opacity', '0.'+bad); $(this).find('div.post-rating a').css({'color':'#FF0000','font-weight':'bold'}); $(this).hover( function(){ $(this).css('opacity', 1); }, function(){ $(this).css('opacity', '0.'+bad); }); } }); }); </script>
можно добавить анимации при наведении курсора (вариант с анимацией)
<script type="text/javascript"> $(document).ready(function(){ $('div.post').map(function () { var oz=$(this).find('div.post-rating a').text(); if(oz.indexOf('-')+1) { var bad=9+parseInt(oz); if(bad<=1) {bad=1}; $(this).css('opacity','0.'+bad); $(this).find('div.post-rating a').css({'color':'#FF0000','font-weight':'bold'}); $(this).find('li[class^="pa-"]:not(.pa-author, .pa-avatar),div.post-links').css('display','none'); $(this).hover( function(){ $(this).animate({opacity:1}, 400); $(this).find('li[class^="pa-"]:not(.pa-author, .pa-avatar),div.post-links').slideDown(); }, function(){ $(this).animate({'opacity':'0.'+bad}, 400); $(this).find('li[class^="pa-"]:not(.pa-author, .pa-avatar),div.post-links').slideUp(); }); } }); }); </script>