HTML դասընթաց՝«Վազող տող»

Շարունակելով HTML դասընթացները, այս անգամ ձեր ուշադրությանը կներկայացնեմ «վազող տողով» շարժվող նկարների և տեքստերի պատրաստման եղանակը: Նախ տեղեկացնեմ, որ «վազող տողի» համար նախատեսված «marquee» թեգը, ժամանակին ստեղծվել է Internet Exlorer բրաուզերի համար, և որոշ բրաուզերներում վազող տողի հետ կարող են որոշակի խնդիրներ առաջանալ:

Օրինակ, տեքստը տեղադրելուց հետո Internet Exlorer բրաուզերում այն կարող է շարժվել, իսկ Google Chrome-ում՝ ոչ: Ձեր տեքստը 

 <marquee>Ձեր տեքստը</marquee>

Ձեր տեքստը 

 <marquee scrollamount="1"> Ձեր տեքստը </marquee>

Ձեր տեքստը

  <marquee scrollamount="30"> Ձեր տեքստը  </marquee>

Ձեր տեքստը

 <marquee direction="right"> Ձեր տեքստը  </marquee>

Ձեր տեքստը 

 <marquee behavior="alternate"> Ձեր տեքստը  </marquee>

Ձեր տեքստը

 <marquee height="30" direction="up">  Ձեր տեքստը</marquee>

Ձեր տեքստը

 <marquee height="50" direction="down">Ձեր տեքստը </marquee>

Ձեր տեքստը

 <marquee bgcolor="silver"> Ձեր տեքստը  </marquee>

Ձեր տեքստը

<marquee direction="right" bgcolor="#color" width="300">Ձեր տեքստը  </marquee>

Ձեր տեքստը 

 <marquee width="100"> Ձեր տեքստը  </marquee>

Ձեր տեքստը 

  <marquee width="100" style="border:2px dotted deeppink ;"> Ձեր տեքստը </marquee>

Ձեր տեքստըՁեր տեքստըՁեր տեքստըՁեր տեքստը

<marquee bgcolor="pink" width="25%">Ձեր տեքստը  </marquee><marquee bgcolor="aqua" width="25%" direction="right"> Ձեր տեքստը  </marquee><marquee bgcolor="silver" width="25%"> Ձեր տեքստը  </marquee><marquee bgcolor="aqua" width="25%" direction="right">Ձեր տեքստը  </marquee>

TEXT 

<marquee onmouseover=this.stop() onmouseout=this.start() >Տեքստը շարժվում է, և երբ մոտեցնում ենք սլաքը կանգնում է</marquee>

 <marquee><img src="նկարի հասցեն"></marquee>

<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10"><img src=" նկարի հասցեն " /></marquee></marquee>

<marquee width=300 height=10 behavior="alternate" style="border:3px solid red ;"><img src=" նկարի հասցեն "></marquee>