Влачите и пускате снимки курсора на мишката някъде на сайта

Как работи този скрипт? По-долу ще видите три снимки (снимки). Щракнете с левия бутон на мишката върху някоя от тези снимки и плъзнете навсякъде по екрана.

По същия начин, можете да преместите и текст. Опитайте "олющените" се показва по-долу:

Преместете този текст!

Как да се практика прилагат този скрипт работа на сайта? Нека си го кажем.

1. Създаване на файлови стилови drag.css или ако сайтът ви вече има стилове просто добавя към него кода в Обява 1:

Свързване на стила лист на уеб-страницата. За да направите това, поставете този код в Обява 2 между тагове и :

Ако добавите визуален стил (кода в Обява 1) до съществуващ стил лист, тогава пропуснете тази стъпка.

Var dragobject = Z: 0, X: 0, Y: 0, offsetx. нула, offsety. нула, targetobj. нула, dragapproved. 0
инициализира: функция () document.onmousedown = this.drag
document.onmouseup = функция ()
>
плъзгане: функция (д) Var evtobj = window.event? window.event. д
this.targetobj = window.event? event.srcElement. e.target
ако (this.targetobj.className == "плъзгане") this.dragapproved = 1
ако (isNaN (parseInt (this.targetobj.style.left)))
ако (isNaN (parseInt (this.targetobj.style.top)))
this.offsetx = parseInt (this.targetobj.style.left)
this.offsety = parseInt (this.targetobj.style.top)
this.x = evtobj.clientX
this.y = evtobj.clientY
ако (evtobj.preventDefault)
evtobj.preventDefault ()
document.onmousemove = dragobject.moveit
>
>
MOVEit: функция (д) Var evtobj = window.event? window.event. д
ако (this.dragapproved == 1) this.targetobj.style.left = this.offsetx + evtobj.clientX-this.x + "пиксела"
this.targetobj.style.top = this.offsety + evtobj.clientY-this.y + "пиксела"
върнете фалшива
>
>
>
dragobject.initialize ()

3. В страницата за уеб-сайт, където искате да видите изображението, поставете кода в Обява 5:

Имам файлове с изображения се наричат: www.png. my.png и reb.png. Имайте предвид, че на изображението файлове се правят в .PNG формат. Разбира се можете да използвате всеки формат на изображението, например: .JPG или .GIF. но в този случай е по-удобно да се използва формат .PNG. От снимката, можете да укажете прозрачен фон (Прозрачност).

Ако е необходимо да се приложи сила, за да плъзнете текстово поле, използвайте кода в Обява 6. Стилът на текста настроите по ваш вкус.

Преместете този текст!

Това е всъщност всичко.

Вижте също другите ни материали.

Как да се регистрирате като отделен предприемач (SP)

Сценарий: поздрав, който в зависимост от времето на деня

Как да направите сайта течаща линии

Постепенно увеличаване на изображението, когато задържите

Споделете тази информация с приятелите си!

HTML уроци

CSS класове

статии

инструменти

Уебсайт шаблони

книги

декорация

Сайт от А до Я

Правете пари онлайн

Изневяра в Интернет

охрана на труда

МОДУЛНА ШАБЛОН

PHP ШКОЛИ

услуги

скриптове

SEO

JQuery

Специални условия на труд (югоизток) - ARM

Интернет система за плащане

Photoshop уроци

секретна секция

При нас направи сайта
Детето може дори да!
"Сайт А до Я"
Разберете сега >>>

Искате ли да спечелите?
2 Urovnevaja
Партньорска програма!
Присъединете се сега.

Модулната модел: Луксозен червено кадифе

модулен модел черпене на: Слънчева енергия

Модулната модел: Сини рози

Модулната модел: водопад

Модулната модел: Орхидеи

Регистрация на домейн

"PK" LyuksStroy "

Ако ви харесва
нашия сайт, създаден
Нашата връзка. и
Вземете подаръци.