🐬 Wapmaster share code hay: Hiệu ứng chử chạy

A- ÁP DỤNG CHO CHỮ

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
} 
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>

datk007.blogspot.com

<

<<div style="font-size: 20px">
<script type="text/javascript">
farbbibliothek = new Array();
farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00");
farbbibliothek[2] = new Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00");
farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
farbbibliothek[4] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
farbbibliothek[5] = new Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF");
farbbibliothek[6] = new Array("#0000FF","#FFFF00");
farben = farbbibliothek[4];
function farbschrift(){for(var b=0;b<Buchstabe.length;b++){document.all["a"+b].style.color=farben[b]}farbverlauf()}function string2array(b){Buchstabe=new Array();while(farben.length<b.length){farben=farben.concat(farben)}k=0;while(k<=b.length){Buchstabe[k]=b.charAt(k);k++}}function divserzeugen(){for(var b=0;b<Buchstabe.length;b++){document.write("<span id='a"+b+"' class='a"+b+"'>"+Buchstabe[b]+"</span>")}farbschrift()}var a=1;function farbverlauf(){for(var b=0;b<farben.length;b++){farben[b-1]=farben[b]}farben[farben.length-1]=farben[-1];setTimeout("farbschrift()",30)}var farbsatz=1;function farbtauscher(){farben=farbbibliothek[farbsatz];while(farben.length<text.length){farben=farben.concat(farben)}farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001))}setInterval("farbtauscher()",5000);

text= "Chào Mừng Bạn Đến Với DAT007 Blog"; //h
string2array(text);
divserzeugen();
//document.write(text);
</script>

Chạy thử code

1. Chữ chạy ngang từ phải qua trái
Đây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ MARQUEE là được.
Đoạn mã:<marquee>https://datk007.blogspot.com/</marquee> <br /> <marquee>https://datk007.blogspot.com/</marquee>

Kết quả:
https://datk007.blogspot.com

Lưu ý quan trọng: Thẻ marquee phía sau lúc nào cũng phải có dấu "/" ngay trước nhé, nếu không sẽ bị lỗi chạy cả bài viết luôn đó. Chú ý điều này là được!
Từ đoạn mã cơ bản ở trên, chúng ta đặt các thuộc tính khác nhau vào trong thẻ marquee để tạo dòng chữ chạy với nhiều kiểu khác nhau.

2. Chữ chạy ngang từ trái qua phải:

<marquee direction="right">www.https://datk007.blogspot.com</marquee>

https://datk007.blogspot.com

3. Chữ chạy từ trên xuống dưới:

<marquee direction="down">https://datk007.blogspot.com</marquee>

https://datk007.blogspot.com

4. Chữ chạy từ dưới lên trên:

<marquee direction="up">https://datk007.blogspot.com</marquee>

https://datk007.blogspot.com

5. Chữ chạy qua lại:

datk007.blogspot.com

6. Chữ đứng, mũi tên 2 bên chạy ra vào:

<marquee behavior="alternate" width="10%">>></marquee>https://datk007.blogspot.com<marquee behavior="alternate" width="10%"><< </marquee>

>>https://datk007.blogspot.com<<

7. Chữ chạy có màu nền:

<font ><marquee direction="left" style="background:orange">https://datk007.blogspot.com</marquee></font>

https://datk007.blogspot.com

8. Chữ chạy có khung xung quanh:

<marquee style="border:blue 2px SOLID">https://datk007.blogspot.com</marquee>

https://datk007.blogspot.com

9. Chữ chạy và biến mất:

<marquee behavior="alternate"><marquee width="250">https://datk007.blogspot.com</marquee></marquee>

https://datk007.blogspot.com

10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">https://datk007.blogspot.com</marquee>

https://datk007.blogspot.com

CÁCH 2:

Đầu tiên là đoạn code sẽ có cấu trúc chung như thế này:

<marquee id="marq" scrollamount="3" direction="up" loop="50" scrolldelay="0" behavior="
scroll" onmouseover="this.stop()" onmouseout="this.start()"> *** </marquee>

*** Các thông số:

scrollamount và scrolldelay: là điều chỉnh thông số về tốc độ và thời gian.
direction: là hướng chạy của đối tượng mà ta cho chạy. có 4 hướng là: left - right - down - up
loop: là số lần lặp của đối tượng.
behavior: là hiệu ứng chạy của đối tượng, có 3 giá trị: slide - alternate - scroll

Slide: chạy tới khi chạm lề thì dừng lại.
alternate: chạy tới khi chạm lề thì chạy ngược lại.
scroll: là kiểu mặt định, kiểu này tự động áp dụng vào tất cả các hình thức còn lại.

** chú ý: những phần bôi xanh là những phần dùng để thay đổi thuộc tính theo ý ta mong muốn

Áp dụng cho text.
Việc áp dụng vào text thì cũng khá đơn giản, trên phần code chung có 3 dấu sao bị bôi xanh ( *** ) là phần mà ta sẽ đưa đoạn text mà ta muốn cho chạy vào vị trí đó.

https://datk007.blogspot.com

Đối với text thì ta cũng có thể thêm vào các thuốc tính như font color, style, font-color,...
Các bạn tiếp tục thay đổi các thuộc tính tùy theo sở thích của mình nhé, ví dụ ở trên là mình cho chạy từ phải sang trái (direction="left") và vòng lặp forever.

Tiếp theo là text chạy chạm lề rồi chạy ngược lại:

https://datk007.blogspot.com

Text chạy lên

https://datk007.blogspot.com

Text chạy xuống https://datk007.blogspot.com

B- ÁP DỤNG CHO HÌNH ẢNH

Cũng tương tự như phần áp dụng cho text, ta chỉ việc thêm nội dung vào 3 dấu sao đó, nhưng ở đây ta thay bằng thẻ <img>.
Ví dụ để làm cho hình ảnh chạy từ dưới lên và khi ta rê chuột vào thì hình sẽ đứng lại và có link liên kết cho hình, thì ta sửa code lại thành:

.................................( Thêm link vào đây)

Bạn điều chỉnh các nội dung sao cho phù hợp:
height="200": Chiều cao của khung
width="290": Chiều rộng của khung
direction="UP" Chạy lên
direction="Down" Chạy xuống
direction="Left" Chạy từ trái sang
direction="Right" Chạy từ phải sang
Your link: Thay bằng link bạn muốn liên kết đến
http://Hinh-Anh.jpg: Thay hết bằng hình ảnh bạn muốn hiển thị.

Thứ Hai, 16 tháng 10, 2017

Hiệu ứng chử chạy

B- ÁP DỤNG CHO HÌNH ẢNH