如何将一张图片固定的页面的右下角?

cime63 2008-08-04 09:27:48

需要将一张图片固定在页面右下角.这并不困难,困难在于需要在IE6,IE7,Firefox3,safari3,opera9下面运行.现在我使用下面的JS代码使得大部分情况下可以了(IE6下滚动条滚动时图片会颤动),但safari下刷新页面时,有时候图片的位置就会错误,请教如何处理呢?



var oElementNeedSet = null;

function SetPosition(sBrowser)

{//alert(oElementNeedSet.style.width);

	var addLeft = document.documentElement.scrollLeft;

	var addTop = document.documentElement.scrollTop;

	var eleLeft = document.documentElement.clientWidth  - oElementNeedSet.width + addLeft;

	var eleTop = document.documentElement.clientHeight - oElementNeedSet.height + addTop;

	if (sBrowser == "safari")

	//{alert('document.documentElement.clientWidth: ' + document.documentElement.clientWidth + '\r' 

	//	   + 'document.documentElement.clientHeight: ' + document.documentElement.clientHeight);

		addLeft = document.body.scrollLeft;

		addTop = document.body.scrollTop;

		var eleLeft = document.documentElement.clientWidth  - oElementNeedSet.width + addLeft;

		var eleTop = document.documentElement.clientHeight - oElementNeedSet.height + addTop;

	}

	oElementNeedSet.style.left = eleLeft + "px";

	oElementNeedSet.style.top = eleTop + "px";

}

function InitLoad(sElementID)

{

	if (oElementNeedSet == null)

	{

		oElementNeedSet = document.getElementById(sElementID);

	}

	var sBrowser = getBrowser();

	if (sBrowser == "IE6")

	{

		SetPosition(sBrowser);

		oElementNeedSet.style.position = "absolute";

		

		window.onscroll = function()

		{

			SetPosition(sBrowser);

		}

	}

	else

	{

		SetPosition(sBrowser);

		oElementNeedSet.style.position = "fixed";

	}

	

}

function getBrowser()

{

	var sResult = "other";

	var s = navigator.userAgent.toLowerCase();//alert(s);

	var a = new Array("msie", "firefox", "safari", "opera", "netscape");

	for(var i = 0; i < a.length; i ++)

	{

		if(s.indexOf(a[i]) != -1)

		{

			sResult = a[i];

		}

	}

	if (sResult == "msie")

	{

		sResult = "IE6";

		if (window.XMLHttpRequest)

		{

			sResult = "IE7";

		}

	}

	return sResult;

}