hlco
01-08-2012, 08:46 AM
Đoạn mã này giúp bạn đưa một hình Logo vào trang web của bạn, nó sẽ luôn nằm góc phải phía dưới màn hình và luôn giử vị trí cố định cho dù bạn kéo trang web lên hay xuống. Chú ý là Logo này bạn phải dùng các phần mềm đồ hoạ để thiết kế riêng và đưa vào. Bạn có thể điều chỉnh kích thước và vị trí của logo tuỳ ý.
< !-- Các bước thực hiện như sau: -- >
<!-- Bước 1: Dán đoạn code bên dưới vào trong phần HEAD của tài liệu HTML -->
<HEAD>
<script LANGUAGE="JavaScript">
<!-- Begin
function setVariables() {
imgwidth=235; // logo width, in pixels
imgheight=19; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>
<!-- Bước 2: Đưa sự kiện onLoad vào trong BODY tag -->
<BODY onload="setVariables(); checkLocation();">
<!-- Bước 3: Đặt đoạn code bên dưới vào trong phần BODY tài liệu HTML -->
<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width=10 bgcolor=#ffffff><td>
<center></center></font></td>
</table>
</div>
< !-- Các bước thực hiện như sau: -- >
<!-- Bước 1: Dán đoạn code bên dưới vào trong phần HEAD của tài liệu HTML -->
<HEAD>
<script LANGUAGE="JavaScript">
<!-- Begin
function setVariables() {
imgwidth=235; // logo width, in pixels
imgheight=19; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>
<!-- Bước 2: Đưa sự kiện onLoad vào trong BODY tag -->
<BODY onload="setVariables(); checkLocation();">
<!-- Bước 3: Đặt đoạn code bên dưới vào trong phần BODY tài liệu HTML -->
<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width=10 bgcolor=#ffffff><td>
<center></center></font></td>
</table>
</div>