Một số thủ thuật nhỏ khác giúp làm cho Blog hoàn thiện hơn.

Blog muốn chuyên nghiệp hơn cần phải có những hiệu ứng như chạy hình, chạy chữ, mở cửa sổ nhỏ hiển thị thông tin giá vàng, thời tiết...
Sau đây tôi muốn trình bày 2 thủ thuật đã được sử dụng ở trang này...

Cách chạy hình, chạy chữ từ phải qua trái...

<!-- Start of Link logo --><div id="page_linklogo"> <marquee onmouseout="this.start()" direction="left" align="left" behavior="scroll" scrollamount="4" scrolldelay="5" height="125" onmouseover="this.stop()"><p> <!-- Sart of Link Logo nhỏ-->Code hình</p><!-- End of link logo nhỏ--><!-- Start Link Logo to-->Code hình<!-- End of Link Logo to--> </marquee></div><!-- End of Link logo -->

Bạn thay Code hình bằng code html của tấm hình tuỳ ý.
VD:

<a href="http://www.thuthuatonline.blogspot.com/"><img border="0" height="60" width="130" alt="Photo Sharing and Video Hosting at Photobucket" src="http://i122.photobucket.com/albums/o279/2ksoftvn/logo5.gif" /></a>

Có thể tuỳ chỉnh tốc độ chạy bằng cách thay tham số: scrollamount="4" (số càng cao tốc độ chạy càng nhanh)

Ở link logo to, bạn nên chỉnh kích thước tất cả tấm hình là height="60" width="130":

Còn ở logo nhỏ, bạn nên để hình ở kích thước height="15' width="75"

Bạn có thể tuỳ chỉnh ở link của tấm hình thành 1 đoạn text hay liên kết tuỳ ý...

Cách để open 1 windows mới khi click vào 1 liên kết

<script>var new_window;<br />function popup(url)<br />{ new_window=window.open(url,'name','height=800,width=600');<br />if (window.focus) {new_window.focus()}<br />}</script><br /><a href="javascript:popup('link liên kết');">Click here</a>

Thay dòng link liên kết bằng link tuỳ ý. Bạn có thể thêm nhiều link liên kết có cùng cấu trúc kích thước của cửa sổ popup.

Có thể thay độ cao và độ rộng của cửa sổ mới tuỳ ý:

Một số thuộc tính của hàm window.open:

- height: chiều cao của popup, chỉ dùng đơn vị pixel (không dùng %)
- width: chiều rộng của popup, chỉ dùng đơn vị pixel (không dùng %)
- left: vị trí của popup so với lề trái của cửa sổ lớn
- top:vị trí của popup so với lề trái của cửa sổ lớn
- resizable: resize được kích thước của popup nếu là true
- scrollbars: xuất hiện scrollbars(thanh trượt) nếu là true
- toolbar: xuất hiên toolbar nếu là true
- menubar: xuất hiện menubar(File, Edit, ...) nếu là true
- location: hiển thị thanh điạ chỉ
- status: hiển thị status cho popup

VD: var generator=window.open('','name','height=300,width=400,status=1,resizable=true');

Demo: Tỷ giá

Theo ITVn(sưu tầm từ phpbasic)

Posted at 5/17/2008 11:41:00 AM