[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как поставить интерактивную кошку на сайт?
alex455
Помню, раньше такое в практике у народа было — добавляли всяких интерактивных животных на сайт или что-то там ещё (они внутри браузера гуляли, по HTML-элементам, кажется, по status-bar'у...). Один человек спрашивает, как поставить на сайт такую интерактивную кошку. Это JS-сниппет искать нужно? Я искал, ничего не нашёл. Подскажите.
Игорь_Vasinsky
да, это искать нужно JS скрипты

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
alex455
Я не могу найти ни одного такого скрипта. Будто их не осталось уже. У вас есть что-нибудь на примере?
inpost
alex455
flash, gif изображения.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
alex455
inpost, а чтоб без flash'а обойтись? Неужели не осталось больше свободных для скачивания на JS?
inpost
Ты собираешься сделать динамику через множество картинок и двигать их? (хвост, лапа, волосы, голова)? Гифки - замена флешу.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
alex455
Теперь ясно, спасибо.
Игорь_Vasinsky
Самое простое.

просмотр http://vasinsky.koding.com/

минус на лицо. запуск функции каждый 0,6 сек

Свернутый текст
<html>
<
head>

</
head>
<
body>
<
img id="man" style="position:absolute;bottom:0px;left:0px;z-index:1000;" src="http://u.jimdo.com/www30/o/sdc77fa56342fc9f0/img/i6ec6de5860330ba9/1327840637/thumb/image.gif" border="0"/>

<
script type="text/javascript">
flag = true;

function go(){
var man = document.getElementById('man');
//Шагает влево
var picLeft = 'http://u.jimdo.com/www30/o/sdc77fa56342fc9f0/img/i6ec6de5860330ba9/1327840637/thumb/image.gif';
//Шагает вправо
var picRight = 'http://u.jimdo.com/www30/o/sdc77fa56342fc9f0/img/i80e3b3c31f345b22/1327840637/thumb/image.gif';

var size = screen.width;

var pos = parseInt(man.style.left.replace('px'));

if(pos < size && flag === true){
man.style.left = pos + 1 + 'px';
}
else if(pos == size){
man.src = picRight;
flag = false;
}
else if(pos == 0){
man.src = picLeft;
flag = true;
}
if(flag === false){
man.style.left = pos - 1 + 'px';
}


}



setInterval(go, 30);
</
script>
</
body>

</
html>


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.