quang cao chay pro

<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>

<b>Code quảng cáo chạy pro-ấn tượng</b>

Hôm nay Thủ thuật blog Violet post tặng các bạn một code quảng cáo chạy dọc blog pro rất ấn tượng
Demo tại đây

Code

<div id="float" style="
position:absolute;

width:200px;height:50px;left:0px;top:0px;
padding:16px;background:#FFFFFF;
border:2px solid #2266AA">

Ảnh hoặc nội dung quảng cáo tại đâ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)
{

</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

// Handle Opera 8 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 8 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

</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=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) > 0 ||
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']++;

</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=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>

</div>

<!--links-->