anylink插件如何修改跳转是的加载页面(进度条代码)

在我们使用wordpress外链转化内链插件anylink时,在选择“javascript中间页跳转时”

anylink插件如何修改跳转是的加载页面(进度条代码)

默认的跳转页面太丑了,因此给大家推荐一个界面较好的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

.demo{width:80%;margin:10% auto;text-align:center;}
.demo p{height:38px;line-height:28px;}
.demo p input{border:none;background:none;font-family:arial;font-weight:bolder;}
</style>

<div class="demo">
	<form name=loading>
	<p style="font-size:18px; margin-left:-50px;"> 加载中……</p>
	<p><input name="chart" size="66" style="color:#ff897c;" /></p>
	<p style="margin-left:-60px;"><input name="percent" size="66" style="color:gray;text-align:center;" /></p>
    <p style="font-size:18px; margin-left:-50px;">无法加载请点击<a style="color:#3366cc;" href="<?php%20echo%20$gotoLink%20?>"><?php%20echo%20$gotoLink%20?></a></p>
	</form>
</div>

<script type="text/javascript">
var bar = 0 
var line = "||" 
var amount ="||" 
count() 
function count(){ 
	bar= bar+2 
	amount =amount + line 
	document.loading.chart.value=amount 
	document.loading.percent.value=bar+"%" 
	if(bar<99){
		setTimeout("count()",100);
	}else{
		window.location = "<?php%20echo%20$gotoLink%20?>";
	} 
}
</script>
	
</body>
</html>

效果如下:

anylink插件如何修改跳转是的加载页面(进度条代码)

分享转载请保留链接:我的SEO学习生活-SEO武器 » anylink插件如何修改跳转是的加载页面(进度条代码)
百度已收录
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏