KirKMS Posted December 12, 2019 Report Share Posted December 12, 2019 Дело было вечером и делать было не чего. Решил фигнёй по страдать.У меня заказали сайт, и заказчик попросил сделать рейтинг для клиента.Которого добавляет. Правда он выразился так "Сделай рейтинг типо клиент пришел, начал добавлять его и выбрал типо пи**ило,му**ло итд" Решил на кидать пример.И так получилось,что всё не плохо и смотрится.Правда колхозно. При нажатие на эмоджика.Остальные пропадают. Спустя 20 минут.Сделал реализацию на сайте Вот и сами заготовки. Спойлер <style> .left_icon:hover { background-color: #e2e2e2 !important; text-decoration: none; } </style> <script type="text/javascript"> var icon = { go: function(id) { if(id == 1){ document.getElementById('iconId2').style.display = 'none'; document.getElementById('iconId3').style.display = 'none'; document.getElementById('iconId4').style.display = 'none'; document.getElementById('iconId5').style.display = 'none'; } if(id == 2){ document.getElementById('iconId1').style.display = 'none'; document.getElementById('iconId3').style.display = 'none'; document.getElementById('iconId4').style.display = 'none'; document.getElementById('iconId5').style.display = 'none'; } if(id == 3){ document.getElementById('iconId1').style.display = 'none'; document.getElementById('iconId2').style.display = 'none'; document.getElementById('iconId4').style.display = 'none'; document.getElementById('iconId5').style.display = 'none'; } if(id == 4){ document.getElementById('iconId1').style.display = 'none'; document.getElementById('iconId2').style.display = 'none'; document.getElementById('iconId3').style.display = 'none'; document.getElementById('iconId5').style.display = 'none'; } if(id == 5){ document.getElementById('iconId1').style.display = 'none'; document.getElementById('iconId2').style.display = 'none'; document.getElementById('iconId3').style.display = 'none'; document.getElementById('iconId4').style.display = 'none'; } } } </script> <div style="float: right;margin-top: 5px;margin-right: 5px;"> <a href="#" onClick="icon.go(1);"><span class="left_icon" id="iconId1" style="background: url(http://cmstools.ru/uploads/emoticons/emoji_1f621.png);background-size: 100%;width: 65px;height: 65px;cursor: pointer;float: left;border-radius: 50%;"></span></a> <a href="#" onClick="icon.go(2);"><span class="left_icon" id="iconId2" style="background: url(http://cmstools.ru/uploads/emoticons/emoji_1f612.png);background-size: 100%;width: 65px;height: 65px;cursor: pointer;float: left;border-radius: 50%;"></span></a> <a href="#" onClick="icon.go(3);"><span class="left_icon" id="iconId3" style="background: url(http://cmstools.ru/uploads/emoticons/emoji_1f610.png);background-size: 100%;width: 65px;height: 65px;cursor: pointer;float: left;border-radius: 50%;"></span></a> <a href="#" onClick="icon.go(4);"><span class="left_icon" id="iconId4" style="background: url(http://cmstools.ru/uploads/emoticons/emoji_1f60a.png);background-size: 100%;width: 65px;height: 65px;cursor: pointer;float: left;border-radius: 50%;"></span></a> <a href="#" onClick="icon.go(5);"><span class="left_icon" id="iconId5" style="background: url(http://cmstools.ru/uploads/emoticons/emoji_1f60c.png);background-size: 100%;width: 65px;height: 65px;cursor: pointer;float: left;border-radius: 50%;"></span></a> </div> P.S Писал через консоль хрома Автор: KirKMS Специально для cmstools.ru 2 2 Quote Link to comment Share on other sites More sharing options...
Shaman Daniels Posted December 12, 2019 Report Share Posted December 12, 2019 6 минут назад, Kir KMS сказал: пи**ило,му**ло А-та-та... модератор... 1 Quote Link to comment Share on other sites More sharing options...
KirKMS Posted December 12, 2019 Author Report Share Posted December 12, 2019 2 минуты назад, Shaman Daniels сказал: А-та-та... модератор... Ну я же не кого-то матерю Quote Link to comment Share on other sites More sharing options...
Stark98 Posted December 13, 2019 Report Share Posted December 13, 2019 Прикольно получилось... Может в будущем смогу реализовать... Quote Link to comment Share on other sites More sharing options...
Dusty Posted November 1, 2020 Report Share Posted November 1, 2020 Ничего сложного но за идею автору +реп Quote Link to comment Share on other sites More sharing options...
KirKMS Posted November 1, 2020 Author Report Share Posted November 1, 2020 54 минуты назад, Dusty сказал: Ничего сложного но за идею автору +реп Хоре тупо посты набивать!!! И где твой плюс в реп? 1 Quote Link to comment Share on other sites More sharing options...
Dusty Posted November 1, 2020 Report Share Posted November 1, 2020 @KirKMS лимит вонючий Quote Link to comment Share on other sites More sharing options...
Maskan Posted November 1, 2020 Report Share Posted November 1, 2020 1 минуту назад, KirKMS сказал: Хоре тупо посты набивать!!! И где твой плюс в реп? Держи от меня) Quote Link to comment Share on other sites More sharing options...
Dusty Posted November 1, 2020 Report Share Posted November 1, 2020 Quote Link to comment Share on other sites More sharing options...
KirKMS Posted November 1, 2020 Author Report Share Posted November 1, 2020 1 минуту назад, maskan сказал: Держи от меня) Только что, Dusty сказал: Прежде чем постить на форуме!!! Прочтите правила!!! Quote Link to comment Share on other sites More sharing options...
Dusty Posted November 1, 2020 Report Share Posted November 1, 2020 @KirKMS открою тебе тайну я не постил я попытался поставить лайк, вот ты кнш ... Quote Link to comment Share on other sites More sharing options...
Maxim Lovly Posted November 2, 2020 Report Share Posted November 2, 2020 Ну ладно я тоже поставлю) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.