Đang tải... (xem toàn văn)
HD:Các bạn cho code trên vào thêm khối chính hoặc khối chức năng đều được Chúc các bạn thành công.[r]
(1)Code quảng cáo chạy pro-ấn tượng
Hôm Thủ thuật blog Violet post tặng bạn code quảng cáo chạy dọc blog pro ấn tượng Demo
Code
<div id="float" style=" position:absolute;
width:200px;height:50px;left:0px;top:0px; padding:16px;background:#FFFFFF; border:2px solid #2266AA">
Ảnh nội dung quảng cáo đây</div> <script type="text/javascript"><! var floatingMenuId = 'floatdiv'; var floatingMenu =
{
targetX: -250, targetY: 10,
hasInner: typeof(window.innerWidth) == 'number',
hasElement: typeof(document.documentElement) == 'object' && typeof(document.documentElement.clientWidth) == 'number', menu:
document.getElementById
? document.getElementById(floatingMenuId) : document.all
? document.all[floatingMenuId] : document.layers[floatingMenuId] };
floatingMenu.move = function () {
floatingMenu.menu.style.left = floatingMenu.nextX + 'px'; floatingMenu.menu.style.top = floatingMenu.nextY + 'px'; }
floatingMenu.computeShifts = function () {
var de = document.documentElement; floatingMenu.shiftX =
floatingMenu.hasInner ? pageXOffset
: floatingMenu.hasElement ? de.scrollLeft
: document.body.scrollLeft; if (floatingMenu.targetX < 0) {
floatingMenu.shiftX += floatingMenu.hasElement ? de.clientWidth
: document.body.clientWidth; }
floatingMenu.shiftY = floatingMenu.hasInner ? pageYOffset
: floatingMenu.hasElement ? de.scrollTop
: document.body.scrollTop; if (floatingMenu.targetY < 0) {
(2)// Handle Opera problems floatingMenu.shiftY +=
de.clientHeight > window.innerHeight ? window.innerHeight
: de.clientHeight }
else {
floatingMenu.shiftY += floatingMenu.hasElement ? de.clientHeight
: document.body.clientHeight; }
} }
floatingMenu.calculateCornerX = function() {
if (floatingMenu.targetX != 'center')
return floatingMenu.shiftX + floatingMenu.targetX; var width = parseInt(floatingMenu.menu.offsetWidth); var cornerX =
floatingMenu.hasElement ? (floatingMenu.hasInner ? pageXOffset
: document.documentElement.scrollLeft) + (document.documentElement.clientWidth - width)/2 : document.body.scrollLeft +
(document.body.clientWidth - width)/2; return cornerX;
};
floatingMenu.calculateCornerY = function() {
if (floatingMenu.targetY != 'center')
return floatingMenu.shiftY + floatingMenu.targetY; var height = parseInt(floatingMenu.menu.offsetHeight); // Handle Opera problems
var clientHeight =
floatingMenu.hasElement && floatingMenu.hasInner && document.documentElement.clientHeight > window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight var cornerY =
floatingMenu.hasElement ? (floatingMenu.hasInner ? pageYOffset
: document.documentElement.scrollTop) + (clientHeight - height)/2
: document.body.scrollTop +
(document.body.clientHeight - height)/2; return cornerY;
};
floatingMenu.doFloat = function() {
// Check if reference to menu was lost due // to ajax manipuations
if (!floatingMenu.menu) {
menu = document.getElementById
(3)? document.all[floatingMenuId] : document.layers[floatingMenuId]; initSecondary();
}
var stepX, stepY;
floatingMenu.computeShifts();
var cornerX = floatingMenu.calculateCornerX(); var stepX = (cornerX - floatingMenu.nextX) * 07; if (Math.abs(stepX) < 5)
{
stepX = cornerX - floatingMenu.nextX; }
var cornerY = floatingMenu.calculateCornerY(); var stepY = (cornerY - floatingMenu.nextY) * 07; if (Math.abs(stepY) < 5)
{
stepY = cornerY - floatingMenu.nextY; }
if (Math.abs(stepX) > || Math.abs(stepY) > 0) {
floatingMenu.nextX += stepX; floatingMenu.nextY += stepY; floatingMenu.move(); }
setTimeout('floatingMenu.doFloat()', 20); };
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler) {
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined') {
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function') {
element[listener + 0] = element[listener]; element[listener + '_num']++;
}
element[listener] = function(e) {
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i ) {
if(element[listener + i](e) == false) r = false;
} return r; }
}
//if handler is not already stored, assign it for(var i = 0; i < element[listener + '_num']; i++) if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler; element[listener + '_num']++;
(4)floatingMenu.init = function() {
floatingMenu.initSecondary(); floatingMenu.doFloat(); };
// Some browsers init scrollbars only after // full document load
floatingMenu.initSecondary = function() {
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.calculateCornerX(); floatingMenu.nextY = floatingMenu.calculateCornerY(); floatingMenu.move();
}
if (document.layers)
floatingMenu.addEvent(window, 'onload', floatingMenu.init); else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload', floatingMenu.initSecondary);
}
// ></script>
Thủ thuật blog Violet đây