| ADMIN | Дата: Четверг, 2011.03.17, 04:26 | Сообщение # 1 |
|
Генерал-полковник
Группа: Администраторы
Сообщений: 115
[ 24 ]
|
Суть скрипта: делает панель со смайлами, при прокрутке которой можно увидеть другие смайлы. В-общем, вот пример: http://qlib.ucoz.ru/smiles.html Установка: 1. Данный код поставить там, где вы хотите видеть смайлы: <div class="scroll" id="up"></div>
<div id="smiles" style="height: 100px; width: 80px; overflow-y: hidden; border: 1px solid black;">
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<img src="http://megasoft.3dn.ru/emoticons/Nusistebejimas.gif" onclick="s(':Bukas:');" />
<br />
</div>
<div class="scroll"></div>
Ссылки на смайлы заменить на свои. s(':Bukas:'); — то, что будет вставляться в сообщение при нажатии на смайл. 2. CSS: div.scroll {
width: 82px; height: 10px; background: orange; cursor: pointer;
}
3. JavaScript (в конец шаблона добавления сообщения): <script type="text/javascript">
$('div.scroll').click(function () {
$('#smiles').animate({ scrollTop: (this.id == 'up' ? '-=' : '+=') + '20px' }, 1000);
});
function s(j) {
document.getElementById('message').value += j;
}
</script>
С вами был $USERNAME$. |
| |
| |
