ტეგი ტიკერის შესაქმნელად. როგორ გავაკეთოთ ტიკერი და ტიკერი დღიურში. მზა ღია ბარათების მომსახურება

სანამ მომდევნო დიდი თავის შესწავლაზე გადავიდოდეთ, ცოტას მოგიყვებით რამდენიმე წვრილმანზე, რომლებიც რატომღაც გამოვარდა ზოგადი წესრიგიდან, მაგრამ ზოგჯერ მათ გარეშე არ შეგიძლიათ. ეს, ფიგურალურად რომ ვთქვათ, ელემენტები html ენადაგეხმარებათ გადაჭრას მთელი რიგი პრობლემები, რომლებსაც ხშირად აწყდებით კონკრეტული გვერდის შექმნისას, ამიტომ არ უნდა მოეპყროთ მათ ზიზღით.

სპეციალური პერსონაჟები

ხანდახან და ხანდახან კი ხშირად, როგორც მაგალითად ამ საიტზე, ტექსტს არ შეუძლია "ნაკლები" ნიშნების გარეშე -< и "больше чем"- >, მაგრამ რა მოხდება, თუ ბრაუზერები განსაზღვრავენ ამ სიმბოლოებში ჩასმული ფრაზას, როგორც ტეგს და, შესაბამისად, არ გამოჩნდება მას მონიტორზე? ან დავუშვათ, რომ თქვენ ნამდვილად გჭირდებათ ტექსტში დაწერა, მაგრამ არა ბრაუზერისთვის სხვა ბრძანების მიცემა, არამედ მაგალითის მიცემა იმისა, თუ როგორ დაიწერა ეს გვერდის ვიზიტორებისთვის?

ამ მიზნებისათვის გამოიგონეს ე.წ. სპეციალური სიმბოლოები.

მაგალითად, განსაკუთრებული პერსონაჟი< - будет значить что в этом месте текста нужно поставить знак < а спецсимвол >აღინიშნება სიმბოლო >.

ყველა სპეციალური სიმბოლოს დაწერა იწყება ნიშნით & - ამპერსანტით, ეს ნიშანი მიუთითებს ბრაუზერზე, რომ სპეციალური სიმბოლოს სახელი მოჰყვება და ის უნდა იყოს აღქმული არა როგორც ტექსტი, არამედ როგორც ბრძანება. აქ ჩნდება კიდევ ერთი კითხვა: რეალურად როგორ ჩავსვათ ნიშანი & - ამპერსანდი - ეკრანზე გამოსატან ტექსტში?

& ნიშანს ასევე აქვს თავისი განსაკუთრებული ხასიათი - &

სწორედ აქ ჩნდება დაბნეულობა...

ასევე, ალბათ განსაკუთრებული ყურადღებაიმსახურებს განსაკუთრებულ ხასიათს - ეს უწყვეტი სივრცეჩვენ უკვე შევხვდით მას. ფაქტია, რომ როდესაც წერთ ტექსტს რვეულში ან html რედაქტორითქვენ შეგიძლიათ განათავსოთ იმდენი „მარტივი“ ინტერვალი სიტყვებს შორის, რამდენიც გსურთ, მაგრამ როდესაც გვერდი წაიკითხება ბრაუზერის მიერ, ისინი ყველა „ამოიშლება“ და გვერდზე სიტყვებს შორის ერთზე მეტი სივრცე არ იქნება. ეს ხშირად იწვევს ტექსტის დიზაინთან დაკავშირებულ პრობლემებს, მაგალითად, წითელი ხაზის შექმნა არ არსებობს... ამიტომ ბრაუზერის მიერ ის აღიქმება არა როგორც სივრცე, არამედ მხოლოდ ნიშანი; უხილავი ადამიანის თვალისთვის.

და მას ურღვევად უწოდებენ, რადგან ასეთი სივრცეების ჯგუფი აღიქმება როგორც მთლიანი სიტყვა და, შესაბამისად, არ გადადის შემდეგი ხაზი, თუ წინადადება შეესაბამება დადგენილ ჩარჩოებს ან ფანჯრის კიდეს. ასე რომ, ფანჯარა შეიძლება გამოჩნდეს ჰორიზონტალური ზოლიგადახვევა, თუ ეს არ გჭირდებათ, განათავსეთ მათ შორის რეგულარული სივრცეები

სპეციალური სიმბოლოების გამოყენების მაგალითი:

მაგალითი მაგალითში

< /td>

< html> < head> < title>ჩემი პირველი გვერდი< /title> < /head> < body> < center>< h2>Გამარჯობა მსოფლიო!!!< /h2>< /center> < br> ეს ჩემი პირველი გვერდია! < /body> < /html>

მაგალითი მაგალითში... ბადებს ფილოსოფიურ აზრებს უსასრულობის შესახებ...

ახლა თქვენ იცით, როგორ გამოიყურება ყველა ეს მაგალითი "ეკრანის მეორე მხარეს". სხვათა შორის, მას შემდეგ რაც დავიწყე სამხედრო საიდუმლოების გამხელა, ეს მაგალითიარის ორი უჯრედისგან შემდგარი ცხრილი, ერთი თხელი მარცხნივ ასრულებს წმინდა დეკორატიულ ფუნქციას.. ასე რომ, თუ თქვენ გაქვთ დავალების დახატვა ცხრილის უჯრედის ყოველგვარი შინაარსის გარეშე, ჩადეთ მასში ინტერვალის სიმბოლო. გახსოვთ წესი, რომ რაღაც უნდა იყოს? სპეციალური სივრცის სიმბოლო ამ შემთხვევაში ერთ-ერთი გამოსავალია.

გარდა ზემოაღნიშნულისა, არსებობს სპეციალური სიმბოლოების მთელი სერია, რომელიც არ არსებობს: ზოდიაქოს ნიშნები, ბანქოს კოსტუმები, ჩხირები, წერტილები, ნაძვის ხეები, მრგვალები, ფრაქციები... ისინი აღარ არის გათვლილი რაიმე „განსაკუთრებული“ ამოცანებისთვის. , მაგრამ უბრალოდ შეასრულონ თავიანთი როლი კლავიატურაზე ამ პერსონაჟების არარსებობის გამო. თქვენ შეგიძლიათ ნახოთ ჩემი სპეციალური პერსონაჟების "კრებული".

Ჰორიზონტალური ხაზი

მარტივი ახალი ტეგიხაზავს ჰორიზონტალურ ხაზს ფანჯარაში, არ საჭიროებს დახურვის ტეგს. ხშირად გამოიყენება გვერდის განლაგებაში, როგორც დეკორატიულ ელემენტად.

აქვს მთელი რიგი ატრიბუტები, გასწორება - გასწორება ერთ-ერთთან სამი მნიშვნელობა(ცენტრი, მარცხნივ, მარჯვნივ) შეიძლება გამოყენებულ იქნას, თუ მითითებულია ხაზის სიგრძე სიგანე ატრიბუტიპიქსელებში ან პროცენტებში. თქვენ ასევე შეგიძლიათ დააყენოთ ხაზის სისქის ატრიბუტი - ზომა, ფერის ატრიბუტი - ფერი და, საჭიროების შემთხვევაში, გამორთოთ ხაზის ჩრდილის ჩრდილი.

Ჰორიზონტალური ხაზი


ეს მხოლოდ ნაგულისხმევი ხაზია:

ეს არის ხაზი ჩრდილის გარეშე:

ეს არის ამწეში შეღებილი ხაზი:

ხაზი 250 პიქსელი სიგრძით:

ხაზი 250 სიგრძისა და 5 პიქსელის სისქის:

ხაზი 500 სიგრძე, 50 სქელი, ლურჯი:

გასწორების მაგალითები:

ჩემი აზრით საკმაოდ მარტივი და ეფექტურია.

ტიკერი

ტეგი მასში მოთავსებულ ტექსტს ამა თუ იმ მიმართულებით მოძრაობს, სხვა სიტყვებით რომ ვთქვათ, მას მცოცავ ხაზად აქცევს. მცოცავ ხაზს აქვს რამდენიმე გადახვევის პარამეტრი, რომელიც დაყენებულია შემდეგი ატრიბუტებით:

ქცევა - განსაზღვრავს გადახვევის ტიპს, შეიძლება ჰქონდეს შემდეგი მნიშვნელობები:

• ალტერნატიული - რხევითი მოძრაობები კიდედან კიდემდე
• გადახვევა - ტექსტის გადახვევა. ტექსტი გამოვა ეკრანიდან და კვლავ გამოჩნდება მის მოპირდაპირე მხარეს
• სლაიდი - ტექსტის გადახვევა გაჩერებით.

scrollamount - გადახვევის სიჩქარე 1-დან 10-მდე.
loop ადგენს ტიკერის გადახვევის რაოდენობას.

მიმართულება - ტექსტის მოძრაობის მიმართულება. ღირებულებები:

• მაღლა მაღლა,
• ქვემოთ - ქვემოთ,
• მარცხნივ - მარცხნივ,
• მარჯვნივ - მარჯვნივ.

bgcolor - მცოცავი ხაზის ფონის ფერი,
სიმაღლე - ხაზის სიმაღლე,
სიგანე - ხაზის სიგანე.

ტიკერი


გაშვებული ხაზები
ნაგულისხმევი ტიკერი
გაშვებული ხაზი მარცხნიდან მარჯვნივ
ტიკერი გადის კიდედან კიდემდე
ტიკერი 10 სიჩქარით
ტიკერი 1 სიჩქარით
ეს ხაზი მხოლოდ ორჯერ გადახვევს
გაშვებული ხაზი გაჩერებით
მცოცავი ხაზი ფონით
ტიკერი გადახვევის სიგანის შეზღუდვით
გაშვებული ხაზი ქვემოდან ზემოდან
მცოცავი ხაზი ზღვარზე ჩაღრმავებებით

ისე, ვფიქრობ, თქვენ თვითონ გაერკვევით, რა არის. სცადეთ გამოყენება სხვადასხვა კომბინაციებიატრიბუტები სასურველი ეფექტის მისაღწევად. მე მხოლოდ დავამატებ, რომ თქვენ შეგიძლიათ იგივე გააკეთოთ გაშვებული ხაზის ტექსტით, როგორც ჩვეულებრივი ტექსტით: შეცვალეთ ზომა, ფერი, სტილი, შრიფტი, გადააკეთეთ ფრაზა სტრიქონიდან ბმულად... წერით. საჭირო ტეგებიტეგის შიგნით

ამ სტატიაში მე ვისაუბრებ იმაზე, თუ როგორ უნდა გააკეთოთ მცოცავი ხაზი ვებსაიტზე სპეციალური გამოყენებით HTML ტეგი- . დასაწყისისთვის, აღსანიშნავია, რომ ვებსაიტზე ტიკერის გამოყენება, როგორც ანიმაცია, დიდი ხანია მოდური არ არის. ასეთ საიტებზე ამბობენ, რომ გასული საუკუნისაა.

ჩემი აზრით, დღევანდელ პირობებში ჯობია საერთოდ არ გამოვიყენოთ ტიკერი. IN უკიდურესი შემთხვევებიმათი გამოყენება შესაძლებელია მხოლოდ უკეთესი ხილვადობისთვის მნიშვნელოვანი ინფორმაცია(მაგალითად, მიმდინარე აქციები, ფასდაკლებები). სხვა უამრავია თანამედროვე მეთოდებიროგორ შეგიძლიათ მისი გადაცემა მომხმარებლისთვის? გამოსადეგი ინფორმაცია(ფლეშ ანიმაცია, ბანერები).

აღსანიშნავია ისიც, რომ ტიკერის შექმნის კიდევ ერთი გზა არსებობს, გარდა marquee tag. ეს მეთოდი დანერგილია JavaScript-ის საშუალებით, მაგრამ მისი გამოყენების შეუსაბამობის გამო (ის იტვირთება გვერდი) არც განვიხილავთ.

HTML ტეგი

ასე რომ, HTML-ში არის სპეციალური ტეგი ტიკერის შესაქმნელად: .... მას აქვს ბევრი ატრიბუტი საკმაოდ მარტივი ოფციებით, ასე რომ არ უნდა იყოს პრობლემები პარამეტრებთან დაკავშირებით. ქვემოთ დეტალურად გავაანალიზებ marquee tag-ის ყველა ატრიბუტსა და პარამეტრს. სხვათა შორის, ის შეიძლება შეიცავდეს არა მხოლოდ ტექსტს, არამედ სურათებს და ვებსაიტის სხვა ელემენტებს. აქედან გამომდინარე, ეს სტატია ასევე პასუხობს კითხვას, თუ როგორ უნდა გააკეთოთ გაშვებული სურათი, ობიექტი და ა.შ.

ტეგის სინტაქსი

გადასატანი ობიექტები ატრიბუტები და პარამეტრები

1. width="number/percentage" - ადგენს მცოცავი ხაზის სიგანეს პიქსელებში/პროცენტში. ვინც იცნობს html-ს, ალბათ იცნობს ამ ატრიბუტს. Მაგალითად:

• width="240px" - აყენებს სიგანეს 240 პიქსელზე;
• width="40%" - აყენებს სიგანეს 40% -მდე, რაც დამოკიდებულია ბლოკის სიგანეზე, რომელშიც მდებარეობს ობიექტი;

2. height="number/percentage" - ადგენს მცოცავი ხაზის სიმაღლეს პიქსელებში/პროცენტში. მაგალითის მოყვანა შეიძლება ისევე, როგორც პირველი ატრიბუტის შემთხვევაში. Მაგალითად:

• height="400px" - აყენებს სიმაღლეს 400 პიქსელზე;
• height="30%" - აყენებს სიმაღლეს 30%-მდე, იმის მიხედვით, თუ რა სიმაღლეა ბლოკი, რომელშიც მდებარეობს ობიექტი;

შენიშვნა: თუ მცოცავი ხაზი შედგება მხოლოდ ერთი ხაზისგან, მაშინ სიმაღლის დაზუსტება შეუძლებელია, რადგან ის ავტომატურად განისაზღვრება შრიფტის ზომის მიხედვით, რომელიც მითითებულია შრიფტის ზომა: Npx პარამეტრით.

3. bgcolor="color" - ადგენს კონტეინერის ფონის ფერს. თქვენ შეგიძლიათ აირჩიოთ ფერი გვერდზე: html ფერის კოდები. შენიშვნა: თუ bgcolor ატრიბუტი არ არის დაყენებული, მაშინ ფონი ნაგულისხმევად იქნება გვერდის ფონის ფერი.

4. Behaviour="parameter" - ეს არის ტიკერის ერთ-ერთი ყველაზე მნიშვნელოვანი ატრიბუტი. ის განსაზღვრავს ტიკერის ქცევას. აქვს საკმაოდ ბევრი სხვადასხვა ვარიანტები:
. ალტერნატიული - ტიკერი მოძრაობს ციკლურად: მარჯვნიდან მარცხნივ, შემდეგ მარცხნიდან მარჯვნივ (გადის კიდეებს შორის). Მაგალითად:

და ასე გამოიყურება ეს ხაზი საიტზე:

სტრიქონი behaviour="alternate" ატრიბუტით

გადახვევა - მცოცავი ხაზი მოძრაობს ტერიტორიის გარეთ მიმართულების ატრიბუტით მითითებული მიმართულებით (პარამეტრით) და შემდეგ მეორდება ციკლურად. ჩემი აზრით, ეს ვარიანტი ყველაზე გავრცელებულია. Მაგალითად:

. slide - ძალიან ჰგავს გადახვევას, თუმცა ბოლოს ხაზი ჩერდება და არ მეორდება. Მაგალითად:

სტრიქონი behaviour="slide" direction="right" ატრიბუტით

5. direction="parameters" - ადგენს მცოცავი ხაზის მოძრაობის მიმართულებას. შეუძლია მიიღოს შემდეგი მნიშვნელობები:
. ქვემოთ - მოძრაობა ზემოდან ქვემოდან. Მაგალითად:

ხაზი behaviour="scroll" direction="down" ატრიბუტით

. ზევით - მოძრაობა ქვემოდან ზემოდან. Მაგალითად:

სტრიქონი behaviour="scroll" direction="up" ატრიბუტით

. მარცხენა - მოძრაობა მარჯვნიდან მარცხნივ. შენიშვნა: მარცხენა არის ნაგულისხმევი. Მაგალითად:

ხაზი ატრიბუტით ქცევით = "გადახვევა" მიმართულებით = "მარცხნივ"

. მარჯვენა - მოძრაობა მარცხნიდან მარჯვნივ. Მაგალითად:

ხაზი behaviour="scroll" direction="right" ატრიბუტით

6. hspace="number" - აყენებს ხაზის ჰორიზონტალურ შეწევას სხვა ობიექტებზე. მსგავსი ატრიბუტი აქვს პოპულარულ img ტეგს.

7. vspace="number" - ადგენს ვერტიკალურ მანძილს სხვა ობიექტებთან.

8. loop="number" - რამდენჯერ გჭირდებათ შინაარსის გადახვევა. პარამეტრი განსაზღვრავს რიცხვს, რომელიც განსაზღვრავს გამეორებების რაოდენობას. შენიშვნა: რიცხვი -1 ნიშნავს გაუთავებელი ციკლიგადახვევა. ნაგულისხმევი არის -1.

9. scrollamount="number" - მცოცავი ხაზის მოძრაობის სიჩქარე. რიცხვი განსაზღვრავს პიქსელების რაოდენობას, რომლითაც ობიექტი მოძრაობს ერთი საათის ციკლში. შენიშვნა: ნაგულისხმევი სიჩქარეა 6 პიქსელი/წმ. Მაგალითად:

სტრიქონი scrollamount="10" ატრიბუტით

10. scrolldelay="number" - ადგენს დაყოვნებას თიკერის ნაბიჯებს შორის მილიწამებში. Მაგალითად:

სტრიქონი scrolldelay="500" ატრიბუტით

და ბოლოს, მე მოვიყვან მცოცავი ხაზების გამოყენების 2 მაგალითს. მაგალითი div ობიექტის გამოყენებით:

Სირბილი div ელემენტი

გაშვებული div ელემენტი

გაშვებული სურათის მაგალითი:

ტექსტი

ამ ტეგს აქვს მრავალი მნიშვნელობა და ატრიბუტი:

1) მიმართულება – ადგენს ტექსტის მოძრაობის მიმართულებას. ატრიბუტის შესაძლო მნიშვნელობები:

• მარცხნივ - მარჯვნივ;
• მარჯვნივ – მარცხნივ;
• მაღლა მაღლა;
• ქვემოთ - ქვემოთ;

2)ქცევა - პასუხისმგებელია გადახვევის ტიპზე. მიღებული მნიშვნელობები:

• გადახვევა – ტექსტის მოძრაობა ერთი მიმართულებით;
• სლაიდი – ერთჯერადი მოძრაობა, რასაც მოჰყვება გაჩერება ( pop-up ტექსტი);
• ალტერნატიული - შემოსული მოცემული მიმართულებადა უკან.

3) ციკლი - განსაზღვრავს გამეორების ციკლების რაოდენობას. შესაძლო მნიშვნელობები:

• უსასრულო – ციკლების უსასრულო რაოდენობა (ნაგულისხმევი მნიშვნელობა).
• მთელი რიცხვი.

4)scrollamount – ადგენს მცოცავი ხაზის გადაადგილების სიჩქარეს. იღებს მთელ მნიშვნელობას.

5)სიგანე – ადგენს მოძრავი უბნის სიგრძეს.

6)სიმაღლე – ადგენს მოძრავი უბნის სიმაღლეს.

7) scrolldelay – ადგენს დაყოვნების დროს ციკლებს შორის მილიწამებში.

თეგის დარჩენილი ატრიბუტები საერთოა ჰიპერტექსტის ენის ყველა ელემენტისთვის.

ტეგი შეიქმნა სპეციალურად ამისთვის ინტერნეტ ბრაუზერიᲛკვლევარი. ბოლო დრომდე, სხვა ბრაუზერები არ იღებდნენ მას, მაგრამ ახლა ყველა ხედავს მას.

და თუ ცოტას „თამაშობთ“ კოდით, შეგიძლიათ არა მხოლოდ ტექსტი, არამედ სურათიც გადაადგილდეს. და ეს უკვე პირველი დონეანიმაცია, ბატონებო!

აქ არის კოდი ამ მაგალითისთვის:

ედდრიტ-მადრიდი! სად მიმიყვანს!!!

მცოცავი ხაზი ჯომლასთვის

CMS-ზე დაფუძნებული ვებსაიტების მფლობელებისთვის, ზემოთ მოყვანილი მაგალითი არ იმუშავებს. უფრო ზუსტად, ეს ასე იქნება, მაგრამ თქვენ უნდა იცოდეთ, სად შეგიძლიათ „ჩაიდოთ“ ეს მაგალითი html კოდში. და ეს არ არის ადვილი.

ყველა CMS აგებულია php-ზე დაფუძნებული, რომელიც სერვერის ენაპროგრამირება. მასში იწერება საიტის გვერდების გენერირებაზე პასუხისმგებელი კოდი. ანუ საიტის გვერდის ყოველი ელემენტი („ძირი“, „სათაური“) გენერირდება კოდის შესრულებისას. ასე რომ დაარედაქტირე php კოდიარ არის საჭირო, გქონდეთ საკუთარი ვებსაიტი CMS-ზე.

ჯომლასთვის მცოცავი ხაზი შეიძლება განხორციელდეს სპეციალური დანამატების დაყენებით. ერთ-ერთ მათგანს მოძრავი ტექსტი ჰქვია. მოდით შევხედოთ მის ინსტალაციას ეტაპობრივად:

1. გადადით Joomla-ს მართვის პანელზე. წერტილის გავლით ზედა მენიუ"გაფართოებები" გადადით "გაფართოების მენეჯერზე".
2. მენეჯერის "ინსტალაციის" ჩანართზე აირჩიეთ ჩამოტვირთვის ვარიანტი და დააჭირეთ ღილაკს "ინსტალაცია":

3. შემდეგ გადადით "Plugin Manager".
4. ქვემოთ მოცემულ სიაში ვხვდებით საჭირო მოდული. მონიშნეთ და დააჭირეთ ღილაკს "შეცვლა" ზედა ნაწილში. მის გვერდით არის ღილაკი "ჩართვა", რომელიც ემსახურება გაფართოების გააქტიურებას:

5. მომდევნო ფანჯარაში „ძირითადი პარამეტრები“ ველებში დააყენეთ გაშვებული ხაზის ჩვენების პარამეტრები (სიგრძე, სიჩქარე და ციკლებს შორის ინტერვალი). ცვლილებების შეტანის შემდეგ არ დაგავიწყდეთ დააწკაპუნოთ ღილაკზე „შენახვა“ (ზედა მარჯვნივ).
6. შემდეგ, მენიუს მთავარი პუნქტის „მასალები“ ​​მეშვეობით გადადით „მასალა მენეჯერზე“. შეამოწმეთ ყუთი ქვემოთ საჭირო მასალადა დააწკაპუნეთ ღილაკს "შეცვლა" (ჩამოწერეთ ფანქრით).
7. რედაქტორში დააწკაპუნეთ ღილაკზე “html”. ეკრანზე გაიხსნება კოდის რედაქტორის ფანჯარა. ჩვენ ჩავსვით იქ (ტექსტი = საჭირო ტექსტი). „საჭირო ტექსტის“ ნაცვლად, ჩაწერეთ ის, რაც გვჭირდება და დააჭირეთ ღილაკს „განახლება“:

ამის შემდეგ, გაშვებული ხაზი გამოჩნდება რედაქტირებულ მასალაში:

ტიკერის განხორციელების სხვა ვარიანტები

გაშვებული ტექსტი შეიძლება განხორციელდეს არა მხოლოდ html-ის გამოყენებითდა დანამატების დაყენება. javascript-ში განხორციელების ვარიანტი საკმაოდ კარგად ითვლება. აქ არის მაგალითი იმისა, თუ როგორ მუშაობს:

აქ არის კოდის ნაწილი, რომელიც მოთავსებულია ტეგში:

ფუნქცია outmsg(msg,ctrlwidth) ( msg = " --- "+msg newmsg = msg while (newmsg.length< ctrlwidth) {newmsg += msg} document.write ("") document.write ("") document.write ("") rollmsg() } function rollmsg() { NowMsg=document.Outmsg.outmsg.value NowMsg=NowMsg.substring(1,NowMsg.length)+NowMsg.substring(0,1) document.Outmsg.outmsg.value = NowMsg bannerid=setTimeout("rollmsg()",100) }

და აქ არის სკრიპტის ნაწილი, რომელიც უნდა განთავსდეს იმ ადგილას, სადაც არის მცოცავი ხაზი:

outmsg("ხედავთ ხაზს! ის გადის! ჩქარა!!!",70)

თქვენ ასევე შეგიძლიათ განახორციელოთ გაშვებული ტექსტი jquery ბიბლიოთეკის გამოყენებით:

მაგალითის კოდი მოცემულია სრულად. თუ სასურველია, css, jquery და html შეიძლება დაიყოს ცალკეულ ფაილებად:

$(function() ( var marquee = $("#marquee"); marquee.css(("overflow": "დამალული", "width": "100%")); // შეფუთვა ტექსტისთვის. span (IE არ მოსწონს divs inline-block) marquee.wrapInner("").css(("width": "50%", "display": "inline-block"); ", "text" -align":"center" ) marquee.append(marquee.find("span").clone() marquee.find("div").css("width", "200%" var reset = function() ($(this).css("margin-left", "0%"); $(ეს); ).animate(( "margin-left": "-100%" ), 12000, "linear", reset.call(marquee.find("div")); .string( სიგანე:600px; სიმაღლე:30px; ზღვარი:60px ავტო; ხაზის სიმაღლე:28px; padding: 0 10px; border-radius:4px; box-shadow:0 1px 2px #777; -moz-border-radius: 4px-webkit-border-რადი - გრადიენტი (წრფივი, მარცხენა ზედა, მარცხენა ქვედა, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); ფონი: -webkit-წრფივი-გრადიენტი(ზედა, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); ფონი: -o-წრფივი-გრადიენტი(ზედა, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); ფონი: -ms-წრფივი-გრადიენტი(ზემო, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); ფონი: ხაზოვანი-გრადიენტი(ქვემოდან, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc",GradientType=0); ) ხაზი ტექსტით საიტზე რამდენიმე მნიშვნელოვანი რეკლამის ჩვენებისთვის.

რა არის შედეგი?

როგორც მაგალითებიდან ჩანს, ტიკერის ყველა განხორციელებიდან ყველაზე „მსუბუქი“ არის html ვერსია. და მისი ფუნქციონირება ბევრად უფრო ადვილი გასაგები და დაუფლებაა. მაგრამ ასეთი განხორციელება არ არის შესაფერისი CMS-ის საიტებისთვის. ერთადერთი რაც მათ დარჩათ არის დანამატები.