如何做出这个网站的链接效果?

zuixin 2003-09-13 10:00:15
如何做出这个网站的链接效果?
http://btfans9.3322.org:800/bt/
每次点击它的链接的时候总能弹出一个带进度条显示的广告。请问这个是怎么实现的?
...全文
50 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
zuixin 2003-11-05
  • 打赏
  • 举报
回复
再UP
zuixin 2003-10-23
  • 打赏
  • 举报
回复
up
eyunfei 2003-09-21
  • 打赏
  • 举报
回复
这东东用FLASH做方面的很。程序就太长了点。。。我这到是有一个这样的载入画面的小程序.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>站内搜索</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>

<style>
<!--
#bar, #barbackground{
position:absolute;
left:0;
top:0;
background-color:blue;
}

#barbackground{
background-color:black;
}

-->
</style>

<script language="JavaScript1.2">

/*
Dynamic Progress Bar- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

//1) Set the duration for the progress bar to complete loading (in seconds)
var duration=5

//2) Set post action to carry out inside function below:
function postaction(){
//Example action could be to navigate to a URL, like following:
//window.location="http://www.dynamicdrive.com"
}


///Done Editing/////////////
var clipright=0
var widthIE=0
var widthNS=0

function initializebar(){
if (document.all){
baranchor.style.visibility="visible"
widthIE=bar.style.pixelWidth
startIE=setInterval("increaseIE()",50)
}
if (document.layers){
widthNS=document.baranchorNS.document.barbackgroundNS.clip.width
document.baranchorNS.document.barNS.clip.right=0
document.baranchorNS.visibility="show"

startNS=setInterval("increaseNS()",50)
}
}

function increaseIE(){
bar.style.clip="rect(0 "+clipright+" auto 0)"
window.status="Loading..."
if (clipright<widthIE)
clipright=clipright+(widthIE/(duration*20))
else{
window.status=''
clearInterval(startIE)
postaction()
}
}

function increaseNS(){
if (clipright<202){
window.status="Loading..."
document.baranchorNS.document.barNS.clip.right=clipright
clipright=clipright+(widthNS/(duration*20))
}
else{
window.status=''
clearInterval(startNS)
postaction()
}
}


window.onload=initializebar
</script>


<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY><script language="JavaScript1.2">
if (document.all){
document.write('<div id="baranchor" style="position:relative;width:200px;height:20px;visibility:hidden;">')
document.write('<div id="barbackground" style="width:200px;height:20px;z-index:9"></div>')
document.write('<div id="bar" style="width:200px;height:20px;z-index:10"></div>')
document.write('</div>')
}

</script>
<ilayer name="baranchorNS" visibility="hide" width=200 height=20>
<layer name="barbackgroundNS" bgcolor=black width=200 height=20 z-index=10 left=0 top=0></layer>
<layer name="barNS" bgcolor=blue width=200 height=20 z-index=11 left=0 top=0></layer>
</ilayer>
</BODY></HTML>

效果差不多吧。。
zuixin 2003-09-21
  • 打赏
  • 举报
回复
eyunfei(云飞),你的进度条效果不错,但是它上面的随机广告怎么做呢?我想实现的效果是:每当我点击链接之后就会出一个随机的无框广告窗口,窗口下面是进度条,过几秒之后广告窗口消失进入链接的页面。
SadEmprie 2003-09-20
  • 打赏
  • 举报
回复
大概是这个意思吧:
<a href="http://www.csdn.net" onclick="show()">
<div id="ad" style="display:none;"><!-- Embed Flash Here --></div>
<script>
function show()
{
var o=document.getElementById("ad");
o.style.top=event.y;
o.style.left=event.x;
o.style.display="block";
}
</script>
至于进度条是不是在flash里面做的啊?
marshalzhb 2003-09-20
  • 打赏
  • 举报
回复
你自己不会去看它的代码啊。
<script language="javascript">
var mydt = new Date();
var hr = mydt.getSeconds();
var mr = mydt.getMilliseconds();
hr=hr%60;
if(hr>=40){
var eachAd = eachnetArray[mr % eachnetArray.length];
var eachLink = eachAd[3][hr%eachAd[3].length];
Adv("","","",'<a href="http://ad.cn.doubleclick.net/clk;6055127;8316589;r?http://www.eachnet.com/fu/co/rd2.php?source=wu_bt.cnxp.com&goto='+eachLink+'" target="_blank"><IMG src="'+eachAd[0]+'" width="'+eachAd[1]+'" height="'+eachAd[2]+'"></IMG></a>');
}
else if(hr>=20){
Adv("","","",'<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 WIDTH=500 HEIGHT=200> <PARAM NAME=movie VALUE="http://www.cnxp.com/gg/cnxp.swf"> <PARAM NAME=quality VALUE=high> <EMBED src="http://www.cnxp.com/gg/cnxp.swf" quality=high WIDTH=500 HEIGHT=200 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED></OBJECT>');
}
else{
Adv("","","",'<IFRAME WIDTH=620 HEIGHT=160 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no BORDERCOLOR=#000000 SRC="http://www.cnxp.com/tom.htm"></iframe>');
}
if(hr>100){
//Adv("","","",'<OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 WIDTH=500 HEIGHT=200> <PARAM NAME=movie VALUE="http://www.gwsw.com/logo/gwsw.swf"> <PARAM NAME=quality VALUE=high> <EMBED src="http://www.gwsw.com/logo/gwsw.swf" quality=high WIDTH=500 HEIGHT=200 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED></OBJECT>');
}
</script>
zuixin 2003-09-20
  • 打赏
  • 举报
回复
我想实现和这个一摸一样的效果,没有会的吗?
zuixin 2003-09-16
  • 打赏
  • 举报
回复
我知道,我只是想得到这样的效果
rongwenfeng 2003-09-16
  • 打赏
  • 举报
回复
哈哈,你可以在点连接的时候打开一个你的那个广告啊,它那个好象是图片吧??
zuixin 2003-09-16
  • 打赏
  • 举报
回复
up
thrillers 2003-09-14
  • 打赏
  • 举报
回复
它的那个进度条的效果和实际的网页的加载不相配套,是假的

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧