"Hành trình vạn dặm bắt đầu từ những bước đi đầu tiên"

せんりのみちもいっぽから

Jul 30, 2011

Tổng hợp các code Chữ,hình ảnh chạy ngang,dọc...màn hình

1. Code hình ảnh chạy ngang màn hình :

<marquee direction="right" scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">link ảnh</marquee>

Chỗ  "link ảnh" bạn thay  " <img border="0" src="link ảnh">"

Nếu bạn muốn khi click chuột vào images , đến địa chỉ website nào đó .có thể thay bằng link này:
<a href="http://tienganh123.com">
<img src="http://data.tienganh123.com/images/logoleft.gif" width="130" height="60" /></a>
Trong đó : http://tienganh123.com là địa chỉ cần trỏ đến còn : http://data.tienganh123.com/images/logoleft.gif là địa chỉ hình ảnh bạn muốn hiển thị.
Nếu bạn muốn images chạy từ phải ->trái.Bạn có thể thay "Right"="left"
vd:


2. Code mình đang dùng hình ảnh chạy lên xuống
Đầ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
<marquee id="marq" scrollamount="3" direction="up" loop="50" scrolldelay="0" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()">
<center>
<br />
<a href="http://fee.tnut.edu.vn/">
<img src="https://fee.tnut.edu.vn/img/logo.png" width="180" height="80" /></a><br />

<span style="font-weight:bold;">Khoa Điện tử</span>

<br />
<a href="https://fee.tnut.edu.vn/img/logo.png" width="180" height="80" /></a><br />
<a href="https://giaiphapexcel.com/diendan/">
<img src="https://giaiphapexcel.com/diendan/styles/default/xenforo/Logonew2.png" width="180" height="80" /></a><br />
<span style="font-weight:bold;">Giải pháp Excel </span>
<br />
<a href="http://cafebiz.vn/">
<img src="https://cafebiz.cafebizcdn.vn/web_images/wca_cafebiz.gif" width="200" height="60" /></a><br />
<span style="font-weight:bold;">CafeBiz</span>









Khoa Điện tử







Giải pháp Excel





CafeBiz





3. Code chữ chạy:
1/ Chữ chạy từ trái  qua phải :

Chúc bạn có một ngày thật vui vẻ! <

<marquee 
direction="Right"> <font size=6 > Chúc bạn có một ngày thật vui vẻ! </font></marquee>

2/ Chữ chạy từ phải qua trái :
Chúc bạn có một ngày thật vui vẻ!
<marquee direction="left"> <font size=6 color=Red> Chúc bạn có một ngày thật vui vẻ! </font></marquee>

3/Chữ chạy lặp lại :

Chúc bạn có một ngày thật vui vẻ! <
<marquee behavior="alternate"> <font size=6 color=blue> 
Chúc bạn có một ngày thật vui vẻ! < </font></marquee>

4/Chữ chạy lên :
Chúc bạn có một ngày thật vui vẻ!

<marquee direction=up> <font size=6 color=blue> 
Chúc bạn có một ngày thật vui vẻ! < </marquee>

5/Chữ chạy xuống :
Chúc bạn có một ngày thật vui vẻ!
<marquee direction=down> <font size=6 color=blue> 
Chúc bạn có một ngày thật vui vẻ!  </marquee>



4. Code link xổ xuống:
vd:

<h3>Liên kết Website</h3>


                        <div class="ja-box-ct">


            <script type="text/javascript"> 
    function openpage(link)
    {
    if (link!="!")
        window.open(link);
    return false;
    }
    </script> 
    <form method="get" action=""> 
        <select name="Select" onchange="openpage(this.options[this.selectedIndex].value);this.options[0].selected=true">
<option value="!" />Chọn liên kết 
<option value="http://tnut.edu.vn" />Trang chủ TNUT 
<option value="http://fee.tnut.edu.vn" />Khoa Điện tử
<option value="http://nktrinh.blogspot.com" />Administrator
<option value="http://dkmh.tnut.edu.vn" />Đăng ký Môn học 
<option value="http://dangkytn.tnut.edu.vn" />Đăng ký Thí nghiệm 
<option value="http://daotao.tnut.edu.vn" />Phòng Đào tạo 
<option value="http://lib.tnut.edu.vn/main/" />Gia hạn sách-Thư viện
<option value="http://thinghiem.tnut.edu.vn/" />Trung tâm Thí nghiệm 
<option value="http://tnut.edu.vn/thucnghiem" />Trung tâm Thực nghiệm
<option value="http://Aso.com.vn" />Aso Company
<option value="http://automation.net.vn" />Automation
<option value="http://tienganh123.com/" />Tiếng anh123
<option value="http://hanhtrinhxanh.vn" />Tổ Chức HĐXH HTX
<option value="http://k44kdt.hnsv.com/" />K44Kĩ thuật điện tử
<option value="http://thcn.tk" />K44Kĩ Thuật Máy Tính


<option value="http://www.webdien.com/" />Webdien
<option value="http://lopngoaingu.com/" />Lớp ngoại ngữ 
<option value="http://hocdelam.org/" />Tự học lapview 
<option value="http://laptrinh.tv/" />Tự học lập trình<option value="http://langmaster.edu.vn/club/langmaster.php" />Langmaster
<option value="http://jsfiddle.net/" />Kiểm tra code 
</select></form> 
            </div>


Liên kết Website




5. Code  tin tức có hình nền:

VD:
<center style="margin-bottom:25px"><font size=5
color=red><bold>Tin mới</bold></font>
  </center><hr />
<style type="text/css">
#itechconnect{margin:0; padding: 0;width:100%;height:230px; overflow: auto; background:url(https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcQRqWWoHFmTNRimhuBb-ZhGcNKn8A4uGaPzsMEAGPdWO2yVuqnMdg) no-repeat bottom right;font-family: "arial";}
#itechconnect p {margin:0; padding:2px 10px}
.favicon {width:16px; height:16px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="itechconnect">


<img src="http://img.skitch.com/20120214-8crgt86ak1fqbp9sskb67t3n3m.gif" border="0" /><a href="http://k44ddk.hnsv.com/viewtopic.php?f=105&t=189&p=493&sid=82d0d9d8e4e9676de673d831f1c07ef4#p493"><font size= 4 color="Indigo"> Bạn Muốn Mua Linh Kiện Điện Tử => click</font></a><hr />


<img src="http://img.skitch.com/20120214-8crgt86ak1fqbp9sskb67t3n3m.gif" border="0" /><a href="http://k44ddk.hnsv.com/viewtopic.php?f=19&t=181&p=486#p486"><font size= 4 color="red">Mẫu Áo Đồng Phục Lớp</font></a><hr />

<br /><br />​
Tin mới




(Update 2020.05.23) 


1. Chữ đứng, mũi tên 2 bên chạy ra vào:
<marquee behavior="alternate" width="10%">>></marquee>https://www.nhatkytuoitre.com<marquee behavior="alternate" width="10%"><< </marquee>

>>https://www.nhatkytuoitre.com<< 


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

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

https://www.nhatkytuoitre.com

3. Chữ chạy có khung xung quanh:
<marquee style="border:blue 2px SOLID">https://www.nhatkytuoitre.com</marquee>

https://www.nhatkytuoitre.com
4. Chữ chạy và biến mất:

<marquee behavior="alternate"><marquee width="150">https://www.nhatkytuoitre.com</marquee></marquee>

https://www.nhatkytuoitre.com
5. 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://www.nhatkytuoitre.com</marquee>

https://www.nhatkytuoitre.com

Chúc các bạn thành công!
Ngày mới tốt lành và vui vẻ nhé 

42 Post a Comment:

May Thy said...

Công nhận là mấy cái cơ bản này mình cũng không biết. Thank for share!

Triệu Hoàng Tình - Chuyên gia nhân hiệu said...

Cảm ơn bạn nhiều nhé. Kiến thức bổ ích. :(

Triệu Hoàng Tình - Chuyên gia nhân hiệu said...
This comment has been removed by the author.
Unknown said...

Rất hay mình vừa up vào web mình www.kiemtien365.com

THÁI QUANG HIỀN said...
This comment has been removed by the author.
tranluat57 said...

rất tuyệt khi áp dung cho blog cam on nhiêu!

THÁI QUANG HIỀN said...

cám ơn bạn ! tất cả đều tốt

asahi Administrator said...

mình đã sửa thêm một số vd mà mình đang áp dụng cho blog của mình.
Chúc các bạn thành công!

Unknown said...

:)

du lich campuchia said...

http://www.ssdulichcampuchia.eu/

ghfdhdfh said...

bạn giúp mình đưa thanh search lên góc trên cùng bên phải blog như của bạn vs

asahi Administrator said...

uhm.cái này tùy vào từng giao diện blogger thui bạn ah

Cầu Nguyễn said...

Cam on ban nhiu Chuc ban vui ve

Ngo Quoc Thanh said...

cảm ơn bạn đã chia se, mính thuer luôn
http://vetauhanoi-sapa.blogspot.com/

asahi Administrator said...

site cua ban chuyen ban ve tau hn -lao cai ha.hay do.hjhj

kenvin nguyen said...

Bài viết rất chất lượng, thank chủ thớt nhiều lắm

asahi Administrator said...

oke.hihi. thanks bạn đã chia sẻ ý kiến nhé

nguyensuu said...

tuyệt vời quá

Đinh Thị Minh Trang said...

Mình dạo trên mạng thấy nhiều trang ở mục như mục tin tức, có hình ảnh kèm theo link(liên kết) chạy từ dưới lên trên, cứ mỗi hình nó tạm dừng một chút rồi tiếp tục đến hình khác cũng vậy.
Video ví dụ :

http://youtu.be/kH10x5O5wZY

Thân nhờ anh em chia sẻ code này. Xin cảm ơn.

asahi Administrator said...

uh. để mình tìm hiểu xem. thanks bạn nhé

asahi Administrator said...

hy vọng các bạn có thể đóng góp các code hay đểchúng ta có thể tổng hợp các code áp dụng cho blogger :)

Xem ngày TỐT said...

CÔNG TY CỔ PHẦN NỒI HƠI HÀ NỘI

Địa chỉ Văn phòng đại diện : 96 Hoàng Văn Thái – Thanh Xuân – Hà Nội

Điện thoại: 043 5668 113; Di động: 0986 725 838

Email: noihoihanoi@gmail.com

Website: http://noihoihanoijsc.com Email: noihoihanoi@gmail.com

Chuyên thực hiện:

· Lắp đặt, bảo trì, sửa chữa nồi hơi công nghiệp.

· Lắp đặt, bảo trì, sửa chữa bơm cấp nước nồi hơi và hệ thống đường ống

· Lắp đặt, bảo trì, sửa chữa hệ thống tự động đốt lò nồi hơi

· Lắp đặt, bảo trì, sửa chữa hệ thống phun dầu nồi hơi

· Thiết kế, lắp đặt, sửa chữa các thiết bị điện, điện tử, điện tự động điều khiển nồi hơi

· Thiết kế, sửa chữa các bo mạch điện, mạch điều khiển tự động hóa hệ thống đốt nồi hơi

· Cung cấp phụ tùng vật tư thay thế lĩnh vực nồi hơi công nghiệp.

· Tư vấn kỹ thuật, cung cấp chuyên viên vận hành nồi hơi, máy móc thiết bị kỹ thuật cao cho các nhà máy khu công nghiệp

· Cung cấp hệ thống nấu cơm và bảo trì bảo dưỡng hệ thống nấu cơm canh công nghiệp cho các đơn vị đông người trên 100 suất ăn như: trường học, doanh trại quân đội, xí nghiệp, trại giam, hệ thống nấu rượu bằng hơi, chưng cất rượu bằng hơi, gia công nồi nấu inox …. Hệ thống nấu cơm canh công nghiệp bao gồm: nồi hơi, nồi nấu cơm, nồi nấu canh, chảo xào, bình đun nước nóng …. Được tính toán chi tiết theo yêu cầu của khách hàng.

Với kinh nghiệm nhiều năm trong lĩnh vực lắp đặt, sửa chữa, bảo trì nồi hơi công nghiệp và các thiết bị Nhiệt. Chúng tôi quyết tâm phục vụ quý khách hàng một cách chuyên nghiệp với: Giá cả hợp lý, đảm bảo tiến độ, chế độ bảo hành hoàn hảo, uy tín, bền vững.

Nồi Hơi Hà Nội có đội ngũ kỹ sư và chuyên gia giàu kinh nghiệm tốt nghiệp tại các trường Đại Học danh tiếng tại Việt Nam.

Quý khách cần thêm thông tin, xin vui lòng liên hệ với phòng Kỹ thuật trung tâm (kỹ sư_Nguyễn Văn Huy: 0986 725 838) hoặc Website: http://noihoihanoijsc.com để biết thêm chi tiết. Rất mong được hợp tác.

Unknown said...

Trung tâm cứu hộ máy tính PCTech . Dịch vụ sửa máy tính tận nơi chỉ 99k .
sua may tinh tai nha

Unknown said...

Tks ad, lưu lại học hỏi xxx
Tags: sua may tinh tan noi

Phùng Viết Vũ said...

thanks you!!

Unknown said...


Bài của bạn thật bổ ích. Nếu bạn có nhu cầu đăng ký Viettel thì liên hệ mình nhé
lắp đặt cáp quang viettel tại tphcm
lắp đặt cáp quang viettel tại tphcm
đăng ký mạng internet viettel

asahi Administrator said...

cảm ơn các bạn đã ủng hộ nhé:)

Mr Đại said...

Thông tin bạn cung cấp thật bổ ích.
www.dangkyviettel24h.com chuyên đăg ký, lắp đặt internet viettel, cáp quang viettel nhánh chóng, uy tín. Mr (Hoàng )ĐT: 0988 677 995
đăng ký mạng internet viettel tại TPHCM
Lắp đặt ADSL viettel tại tphcm
Lắp đặt cáp quang viettel tphcm

Unknown said...

Mọi nhu cầu về dịch vụ lắp đặt adsl viettel tại tphcm và toàn quốc xin liên hệ:
Phòng Kinh Doanh Dịch Vụ Viễn Thông Viettel – Chi Nhánh Viettel TP Hồ Chí Minh
Địa chỉ: Số 286 Cộng Hòa – Phường 13 – Quận Tân Bình – TP.HCM
Điện thoại: 0988.677.995 (Mr. Hoàng)
Email: dangkyviettel24h@gmail.com

website : http://www.dangkyviettel24h.com/

Unknown said...

bài viết rất hay cảm ơn admin

Tải nhạc dung lượng thấp


tai nhac dung luong thap


tải nhạc nén dung lượng

Unknown said...

bài viết rất hay cảm ơn admin

Tải nhạc dung lượng thấp


tai nhac dung luong thap


tải nhạc nén dung lượng

Xem ngày TỐT said...

Công ty bảo dưỡng công nghiệp chúng tôi đã cung cấp các dịch vụ kỹ thuật cho ngành công nghiệp trong nhiều công ty, nhà máy. Cái lớn nhất mà chúng tôi đã làm được là cung cấp dịch vụ kỹ thuật cho ngành công nghiệp một các tổng thể, hiện nay các doanh nghiệp gặp phải khó khăn khi phải tìm từ nhiều nhà cung cấp dịch vụ khác nhau…

Công ty nồi hơi chúng tôi hoạt động trong lĩnh vực:

- Cung cấp các dịch vụ kỹ thuật cho ngành công nghiệp
- Cung cấp sản phẩm nồi hơi, thiết bị cơ nhiệt, thiết bị áp lực
- Thi công, lắp đặt các hệ thống cơ điện dân dụng và công nghiệp

LH: 0165 288 7680

Xem ngày TỐT said...

Công ty Lò hơi Sao Đỏ là một trong số ít các công ty nồi hơi việt nam, công ty nồi hơi hà nội, công ty nồi hơi vĩnh phúc có đủ năng lực để thực hiện sản xuất, cung cấp, lắp đặt nồi hơi; sửa chữa nồi hơi, bảo trì lò hơi, các hệ thống có liên quan đến lò hơi; lò nướng, lò luyện và lò nung; các thiết bị cơ nhiệt và thiết bị áp lực tại Việt nam; có nhiều kinh nghiệm đã tham gia thi công xây lắp các công trình lớn về lò hơi, thiết bị cơ nhiệt và thiết bị áp lực.
LH: 0165 288 7680

Xem ngày TỐT said...

Bạn muốn có một ngôi nhà như ý mà vẫn tiết kiệm được chi phí và thời gian? hãy đến với dịch vụ sửa nhà hà nội chuyên nghiệp của chúng tôi. Với các kỹ sư xây dựng đã từng cải tạo lại nhiều ngôi nhà sẽ tư vấn giúp bạn có một ngôi nhà đẹp mà không phải xây nhà mới. để xây nhà mới bạn phải đi từ khâu thiết kế đến thi công mất rất nhiều chi phí và thời gian, trong khi bạn vẫn có thể tận dụng được phần còn lại của ngôi nhà cũ khi sửa nhà. Với việc phá dỡ một ngôi nhà cũ bạn hoàn toàn có thể tận dụng được phần móng, phần tường bao che và sàn của các tầng này. Hãy liên hệ với chúng tôi để được tư vấn miễn phí về gói dịch vụ sửa nhà chuyên nghiệp.
LH: 0975 659 995

Unknown said...

Bài viết rất hay và bổ ích, cảm ơn admin đã chia sẽ!!! :))


Tải nhạc Mp3 Zing miễn phí

asahi Administrator said...

hihi mong giúp được các bạn nhưng ai đam mê về thiết kế web bước đầu tìm hiểu về ngôn ngữ html có một chút gì đó để làm cho site của mình ấn tượng hơn

Unknown said...

cái này hay nè, mình thích lắm. nhưng mình muốn tìm hiểu thêm cái mà chạy nó không bỏ trống khoảng cách ấy, ad có không chia sẻ mình với.
........................................................
Galile
Chuyên bán máy nước nóng năng lượng mặt trời giá rẻ
Tel: 08. 66 851 451 – 0901 315 713
Mail: dichvugalile@gmail.com
Click xem chi tiết: Sửa máy nước nóng năng lượng mặt trời hoặc Sua may nuoc nong nang luong mat troi

Unknown said...

Cảm ơn bạn đã chia sẻ những đoạn code bổ ích.
........................................................
Sunpo Corporation
Chuyên kinh doanh máy nước nóng năng lượng mặt trời – liên doanh Úc và Israel.
Tel: 08. 3984 3985 – 0984 53 22 55
Mail: info@sunpo.com.vn
Click xem chi tiết: máy nước nóng năng lượng mặt trời uy tín hoặc may nuoc nong nang luong mat troi uy tin

Unknown said...

thank bạn
đang thử với wedsite của mình xulyphen.com

asahi Administrator said...

Minh vua xem web cua bạn chuyeb về loc nuoc rat huu ich . Chuc ban thanh cong nhehihi

asahi Administrator said...

Minh vua xem web cua bạn chuyeb về loc nuoc rat huu ich . Chuc ban thanh cong nhehihi

noithathoanmy said...

Các bạn ai có nhu cầu sửa chữa nhà cửa thì tham khảo đơn vị này nha. Mình đã làm và thấy rất hài lòng https://nhadephoanmy.vn/sua-nha-tron-goi-hai-phong.html

Post a Comment

Cảm ơn bạn đã chia sẻ ý kiến!
Chúc bạn có một ngày thật vui vẻ.

Kết nối bạn bè

Wikipedia

Search results

Video Nổi bật

Cảm ơn các bạn đã ghé thăm

 
Please Enable Javascript!Enable JavaScript