В ближайшее время Вас ожидает (осторожно, спойлеры):

→внезапное и не особо запланированное прибавление у Локвудов;

→отдохнувший после римских каникул дерзкий Донован М.;

→очередная серия walking dead с Боннитой в главной роли;

→горячий Стайлас;

→местами делена, местами форвуд, местами скопище фанатов тинвульфа.

+17
13 мая 2013


На повестке дня (осторожно, спойлеры):

→двухчасовой семинар по предохранению;

→«сердечные» шашлыки на даче у элетрин;

→выбор коляски, кроватки, крестных, будущей жены для еще не родившегося Майклсона;

→не дешевая агитационная компания «Клауса в короли»;

→местами мебекка, местами обнаженный Кол, местами фанаты клеролайн, делающие харакири.

+ 21
13 мая 2013

Пробник

Объявление

Администрация форума
Навигация форума
Игровые события
Время в игре
Партнеры форума
 
Важные объявления
Игрок недели
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
Тут окно с прокруткой которая появляется автоматически

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Пробник » Новый форум » Скрипты

Скрипты

Страница: 1

Сообщений 1 страница 3 из 3

1

  • Автор: neverland;
  • Администратор
  • Зарегистрирован: 2010-09-21
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 5 минут
  • Последний визит:
    2014-08-10 12:33:34

Чтобы картинки при наведении курсором увеличивались:

Код:
<a href="ссылка на профиль" target="_blank">
<img src="ссылка на маленькую картинку" border="0"> 
<img class="preview" src="ссылка на большую картинку" border="0" ></a>

При наведении мышью, картинка начинает двигаться:
html верх

Код:
<a href="ссылка" onMouseOver="imgOn('img1')"; onMouseOut="imgOff('img1')"><img src="картинка до наведенияа" border="0" name=img1></a>
<a href="ссылка" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src="картинка до наведения" name=img2></a>
<a href="ссылка" onMouseOver="imgOn('img3')"; onMouseOut="imgOff('img2')"><img src="картинка до наведения" name=img3></a>

html низ

<script language="JavaScript">
if (document.images) {       
img1on = new Image();   
img1on.src ="картинка при наведении";
img1off = new Image();       
img1off.src = "картинка до наведения";
img2on = new Image();   
img2on.src ="картинка при наведении";
img2off = new Image();       
img2off.src = "картинка до наведения";
img3on = new Image();   
img3on.src ="картинка при наведении";
img3off = new Image();       
img3off.src = "картинка до наведения";

}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src"); }}//osw
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src"); }}
</script>

0

2

  • Автор: neverland;
  • Администратор
  • Зарегистрирован: 2010-09-21
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 5 минут
  • Последний визит:
    2014-08-10 12:33:34

Увеличение на 100-шках :

HTML верх

Код:
<head>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menuitem img').animate({width: 100}, 0);
$('.menuitem').mouseover(function(){
; gridimage = $(this).find('img');
gridimage.stop().animate({width: 200}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
}); 
</script>
<head>

Цвета style_cs.css

Код:
<head>
<style type="text/css">

img {
	border: none;
}

#menuwrapper{
	left: 20%;
	position: relative;
	height: 210px;
}

#menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.menuitem {
	position: fixed relative;
	bottom: 0px;
	display: inline-block;
}

</style>
<head>

Таблица:

Код:
<div id="menuwrapper">
<div id="menu">
<a href="http://" class="menuitem"><img src="URL"></a>
<a href="http://" class="menuitem"><img src="URL"></a>
<a href="http://" class="menuitem"><img src="URL"></a>
<a href="http://" class="menuitem"><img src="URL"></a>
</div>
	</div>

0

3

  • Автор: neverland;
  • Администратор
  • Зарегистрирован: 2010-09-21
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 5 минут
  • Последний визит:
    2014-08-10 12:33:34

Боковая таблица:

Код:
<table background="http://savepic.org/2030353.jpg" width="200px" style="top: 550px; margin-left: -210px; position: absolute;" > 
<tr><td>
<BR><BR>
<center> <img src="http://savepic.org/2007721.png" /></center>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</td></tr></table>

0

Страница: 1

Вы здесь » Пробник » Новый форум » Скрипты

Рейтинг форумов | Создать форум бесплатно