Jump to content

  2. →
  3. →

Movendo Imagens Em Js

Started By Aquibrasil , 22/02/2004, 14:00

  • Faça o login para participar
15 replies to this topic

#1 Aquibrasil

Aquibrasil
  • Visitantes

Posted 22/02/2004, 14:00

Olá pessoal, todas as apostilas de Javascript que eu baixei não chegavam ao estudo avançado... por exemplo mesmo as apostilas de Javascript Avançado não explicavam como mover imagens de uma maneira simples e nem mesmo como o Javascript acessa o teclado, portanto pessoal, quero saber se alguém conhece um tuto ou uma apostila de Javascript Avançado mesmo... que explique como mover imagens, como acessar o teclado, como criar camadas...
E se alguém tiver um script básico que mova uma bolinha de um lado para o outro da tela só pra mim ter uma noção de como funciona esses scripts e usar como base eu agradeço muuuuito.

#2 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 22/02/2004, 15:21

Olá! :yes:

Não fiz com uma bolinha, mas fiz com o banner que estava sendo mostrado lá no alto, enquanto criava o script... :D

<html>

<head>

<script language="JavaScript" type="text/javascript">
  i = 0;
  function moverImagens() {
    i = i + 5;
    document.getElementById("imagemNome").style.top = i;
    document.getElementById("imagemNome").style.left = i;
    if (i <= 100) {
      window.setTimeout ("moverImagens()", 100);
    }
  }
</script>

</head>

<body onLoad="moverImagens();">

<img src="http://www.hostnet.c.../phpbanner.gif" id="imagemNome" style="position: absolute; top: 0px; left: 0px;" />

</body>
</html>


Klaus Paiva
Conheça também: Taperás

#3 Allan Carvalho

Allan Carvalho

    Òó :: ^^

  • Usuários
  • 471 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP
  • Interesses:Um PC novo e rápido. ^^

Posted 22/02/2004, 16:04

Oh tem essa tb:

<script LANGUAGE="JavaScript">
      var curElement;
      function doMouseMove() {
        var newleft=0, newTop = 0
        if ((event.button==1) && (curElement!=null)) {
         
          newleft=event.clientX-document.all.OuterDiv.offsetLeft-(curElement.offsetWidth/2)
          if (newleft<0) newleft=0
          curElement.style.pixelLeft= newleft
          newtop=event.clientY -document.all.OuterDiv.offsetTop-(curElement.offsetHeight/2)
          if (newtop<0) newtop=0
          curElement.style.pixelTop= newtop
          event.returnValue = false
          event.cancelBubble = true
        }
      }
  
      function doDragStart() {
        if ("IMG"==event.srcElement.tagName)
          event.returnValue=false;
      }
  
      function doMouseDown() {
        if ((event.button==1) && (event.srcElement.tagName=="IMG"))
          curElement = event.srcElement
      }
  
      document.ondragstart = doDragStart;
      document.onmousedown = doMouseDown;
      document.onmousemove = doMouseMove;
      document.onmouseup = new Function("curElement=null")
    </script>
<script FOR="MovingPictures" EVENT="onmousedown" LANGUAGE="JavaScript">
event.cancelBubble=true
</script>


<div id="OuterDiv" style="position:relative;width:100%;height:0px">
<dd>
<img ID="Pic1" STYLE="position:relative;TOP:80pt;LEFT:0pt;Z-INDEX:22;" src="bolinha.gif"></div>

Muda somente a "[b]bolinha.gif[b]" , flws (y)
..
.
.
.
.
Nome: Allan V. Ferreira de Carvalho.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com

Posted Image

#4 Aquibrasil

Aquibrasil
  • Visitantes

Posted 22/02/2004, 19:20

Poxa pessoal não entendi nada... vocês não poderiam me dizer um tuto que explica bem isso... acho que seria melhor né! Pô... se vocês souberam criar esse script em algum lugar vocês aprenderam né :)

#5 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 22/02/2004, 19:30

Olá! :yes:

Pensa bem, a imagem que eu criei não tem os parâmetros de posicionamento: top e left? Então... Tudo o que fiz foi mudar eles dinamicamente por JS... :D
Klaus Paiva
Conheça também: Taperás

#6 Aquibrasil

Aquibrasil
  • Visitantes

Posted 22/02/2004, 19:45

Olha eu não sei pra que servem aquele GetElementById... também não sei usar aquele style.left e style.top
Por isso preciso de um tuto, não me leve a mal sou muito BURRO ainda em Javascript :)
Bem... mas como eu sempre digo, vivendo e aprendendo.

#7 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 25/09/2017, 23:27

Forum Cialis Prise Quotidienne Ciprofloxacine France cialis Buy Lasix Without A Prescription Online
Levitra 10 Mg Posologie CoСÐвÐÑРÐлt Priligy Nz cialis price Acquistare Viagra In Slovenia
Cialis Sans Ordonnance Luxembourg cialis Kamagra Oral Jelly Beograd

#8 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 26/09/2017, 01:12

Atripla Cod Legally Pyridium Express Delivery Overseas viagra cialis Levitra 10 Mg Schmelztabletten Lukol
Requip Viagra Fa Male viagra cialis Priligy Dapoxetin Erfahrungen

#9 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 08/10/2017, 00:22

Can Cats Have Amoxicillin Difference Cialis And Viagra Worldwide Amoxicilina Actimoxi Internet Cash Delivery Saturday Delivery viagra Comprar Cialis Online En Madrid Progesterone Amex With Free Shipping Amoxicillin Without
Precios Cialis 20 Mg Salem Finasteride Where Can I Buy online pharmacy Cheap Viagra For Sale

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 08/10/2017, 00:58

Propecia Shelf Life Canadian Pharmacy viagra prescription Propecia Farmacias Similares Cialis 20 Pilules Cialysis
Can You Take Expiered Amoxicillin Viagra Cialis Comparazione viagra Cialis Original Preis Acheter Kamagra Amiens
Erfahrungen Cialis Ohne Rezept cialis online Keflex Pregancy Safe 100mg Viagra Best Price buy accutane paypal

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/10/2017, 08:53

30 Day Sertraline Paypal generic levitra professional Herbal Propecia Prescription Does Amoxicillin Affect Opiates Kamagra Aus Der Apotheke
Worldwide Bentyl 20mg Medicine Website Low Price Pharmacy Viagra Pfizer Suisse cialis buy online Gasex
Order Effexor No Prescription Viagra Online Tesco levitra online order Ed Cause

#12 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/10/2017, 11:35

Vendo Viagra Barcelona Priligy Principio Attivo Amoxicillin Length viagra cialis Canadian Mail Pharmacies Viagra Shop Apotheke Kamagra Mg
Cialis 10 Mg 4 St Cialis Cheapest Amoxicillin Kidney Infection viagra Viagra Quick Prescription Acheter Cialis Par Paypal On Line Pharmacies

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 03/11/2017, 01:01

Prednisolone Over The Counter Discount Cephalexin 500 Mg levitra wholesale no prescription Cilais And Priligy Cialis 20mg 8 St Priligy De Gp
Generic Viagra Canada Rx Dapoxetina Romania Generic Levitra For Sale viagra Cephalexin Clamydia Wirkung Viagra Bei Frau Viagra Canada Paypal
Acheter Cytotec En France viagra Cheapest Viagra Anywhere

#14 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 29/11/2017, 14:30

Lifestyle Pharmaceuticals Viagra 100mg 12 Tabl viagra Traitement Cialis 5 Mg Kamagra Venta Con Receta
Viagra Apotheke Koln Prescription Free Viagra Australia Buy Kamagra Droga viagra Viagra Per Prestazione Using Rogaine And Propecia Hair Loss Cialis En Belgique
Rhine Inc Pharmacy Vendita Levitra Online buy viagra online Buying Cheap Cialis Online Naturliche Levitra

#15 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 29/11/2017, 14:49

Amoxicillin Clavulanate Potassium Webmd Buy Viagra Pfizer Free Shipping Direct Levaquin Worldwide viagra Viagra Dosierung Cialis Buy Abortion Pill Online Cheap
Voltar para Javascript / DOM / AJAX / ECMAScript


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq