
Admin
Well-Known Member
Staff member
Administrator
Đoạn javascript giúp tạo 2 banner liên tục trượt dọc 2 bên website. Khi người dùng cuộn bất kỳ vị trí nào trong website, 2 banner sẽ trượt theo để hiển thị liên tục. Thích hợp tạo thông báo và đặt quảng cáo.
Demo: http://www.geocities.jp/code1kcom/demo/code1k.com-script-banner-quang-cao-truot-2-ben-tu-do.html
Demo: http://www.geocities.jp/code1kcom/demo/code1k.com-script-banner-quang-cao-truot-2-ben-tu-do.html
HTML:
<div id="code1k-left" class="float"><a href="http://www.code1k.com" target="_blank"><img src="http://1.bp.blogspot.com/-Kz6dzWv6CBc/T-cT94ESXYI/AAAAAAAAIkI/2H6UpC3Vv3k/s1600/banner1-code1k.com.gif" alt=""/></a></div>
<div id="code1k-right" class="float"><a href="http://www.code1k.com" target="_blank"><img src="http://4.bp.blogspot.com/-RMcPizcdDOg/T-cT-fqlfSI/AAAAAAAAIkM/RPvmguLLToA/s1600/banner2-code1k.com.gif" alt=""/></a></div>
</div>
<script type="text/javascript">
//<![CDATA[
function setPosition(id, position) {
var store = {
ram : {
top : 0,
left : 0,
right : 0,
bottom : 0
},
rom : {
top : null,
left : null,
right : null,
bottom : null
}
};
for (var i in position) {store.rom[i] = position[i];}
var element = document.getElementById(id);
for (i in store) {element[i] = store[i];}
element.rom.move = function() {
if (window.innerHeight) {
var topPage = window.pageYOffset;
var leftPage = window.pageXOffset;
var rightPage = leftPage + window.innerWidth - element.offsetWidth;
var bottomPage = topPage + window.innerHeight - element.offsetHeight;
}
else {
var topPage = document.body.scrollTop;
var leftPage = document.body.scrollLeft;
var rightPage = leftPage + document.body.clientWidth - element.offsetWidth;
var bottomPage = topPage + document.body.clientHeight - element.offsetHeight;
}
element.style.position = "absolute";
if (element.rom.top != null) {
element.ram.top += Math.round((topPage + element.rom.top - element.ram.top)/20);
element.style.top = element.ram.top;
}
if (element.rom.left != null) {
element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);
element.style.left = element.ram.left;
}
if (element.rom.right != null) {
element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20);
element.style.left = element.ram.right;
}
if (element.rom.bottom != null) {
element.ram.bottom += Math.round((bottomPage - element.rom.bottom - element.ram.bottom)/20);
element.style.top = element.ram.bottom;
}
setTimeout("document.getElementById('"+element.id+"').rom.move()",10);
};
element.rom.move();
}
setPosition("code1k-right", {top: 20, right: 30});
setPosition("code1k-left", {top: 20, left: 30});
//]]>
</script>
<!-- Code1k.com -->