Soi website

[JavaScriptBank]

Hiệu ứng cho ta cảm giác như đang xem website qua một vòng tròn trắng.... chi tiết (http://www.javascriptbank.com/spotlight-index.html/vi//) tại JavaScriptBank.com - 2.000+ free JavaScript codes (http://www.javascriptbank.com/)


http://www.javascriptbank.com/javascript.images/background/spotlight.jpg (http://www.javascriptbank.com/javascript/background/spotlight-index/preview/vi/)
Demo: JavaScript Soi website (http://www.javascriptbank.com/spotlight-index.html/vi/)
| JavaScript Spotlight (http://www.javascriptbank.com/spotlight-index.html)

Cách cài đặt

Bước 1: Copy mã CSS bên dưới và dán vào khu vực HEAD trên trang web của bạn
CSS

<style type="text/css">
<!--
body{
background-image : url('none') !important;
}

#content{
background-color : #ffffff;
position : absolute;
top : 0px;
left : 0px;
padding : 10px;
visibility : hidden;
}

#light{
position : absolute;
top : 0px;
left : 0px;
overflow : hidden;
}
//-->
</style>
<!--
This script downloaded from www.JavaScriptBank.com
Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
-->


Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML

<script type="text/javascript" src="spotlight_part_1.js"></script>
<script type="text/javascript" src="spotlight_part_2.js"></script>
<div style="z-index: 110;"></div>
<!--
This script downloaded from www.JavaScriptBank.com
Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
-->


Bước 3: tải các file
Files
spotlight_part_1.js (http://javascriptbank.com/javascript/background/spotlight/spotlight_part_1.js)
spotlight_part_2.js (http://javascriptbank.com/javascript/background/spotlight/spotlight_part_2.js)

spotlight.gif (http://javascriptbank.com/javascript/background/spotlight/spotlight.gif)



Hiệu ứng cùng chức năng
- Khung gõ địa chỉ website (http://www.javascriptbank.com/go-to-url.html/vi/)
- Template của cũ website Nirvana (http://www.javascriptbank.com/old-template-from-nirvana.html/vi/)
- Thêm và xóa trên website (http://www.javascriptbank.com/add-and-delete-inner-page.html/vi/)
Bạn có thể xem thêm nhiều JavaScript khác về Màu nền (http://www.javascriptbank.com/javascript/background/vi/)





Code trình diễn ảnh (http://www.javascriptbank.com/javascript/image/slideshow/) - Các hiệu ứng chuột trong JavaScipt (http://www.javascriptbank.com/javascript/mouse/) - Game tìm 2 hình giống nhau (http://www.javascriptbank.com/concentration-smaller-index.html/vi/)