链接Loading效果 QQCAT--IT技术

链接Loading效果

[ 来自:不祥作者:网络收集阅读:0 时间:2008-1-25 19:41:31 ]

<html>
<head>
<title>链接Loading效果...－www.51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>

<SCRIPT LANGUAGE="JavaScript">
document.all.waiting.style.pixelTop = (document.body.offsetHeight - 120) / 2 + document.body.scrollTop;
document.all.waiting.style.pixelLeft = (document.body.offsetWidth - 360) / 2 + document.body.scrollLeft;
function link()
{ 
	o=event.srcElement
	while(o.tagName != "A")
	{
		if(!o.parentElement) return
		o=o.parentElement
	}
	event.returnValue = false
	document.all.linktext.innerHTML = "正在打开：<u>"+o.href+"</u>"
	document.all.waiting.style.display="";
	times = setInterval('showloading();',100);
}
document.onmousedown=link;
function showloading()
{
	if (document.sbar.width>356)
	{
		document.sbar.width=1
		//clearInterval(times)
	}
	else
	{
		document.sbar.width += 2;
	}
}
</script>
点一下链接;会出来了个进度条，只是一个例子，不会进入链接，因为在链接上加了onclick="return false"<br>
<A HREF="http://www.qqcat.com" onclick="return false">http://www.qqcat.com</A>
</body>
</html>

当前位置：首页 >> IT技术 >> JS特效 >> 链接Loading效果