Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-24 20:26:23

js window加载网页加载效果 jquery浮动层动画loading页面加载特效

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <html>
<head>
<title>点击链接，打开Loading效果</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.100sucai.com" onClick="return false">http://www.100sucai.com</A>
</body>
</html>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章：仿QQ对话框里的网址打开提示效果

下一篇文章：文本框动态显示链接文字js代码

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

点击链接，打开Loading效果

推荐阅读：

相关代码：

标签分类