欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 链接Loading效果
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
本 类 热 门
· 随机链接
· 得到所有链接
· 控制窗口打开的目标
· 系统文件夹链接
· about语法
· 链接确认警告
· 查看当前页面的源代码...
· 自动刷新
· 判断链接是否被访问
· 链接效果
· 后退无效的链接
· CreateLink的目标窗口...
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
链接Loading效果
链接Loading效果
作者:无  来源:本站整理  名称:链接Loading效果 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:
]  源码如下
----------------------------------------------------------
<html>
<head>
<title>链接Loading效果...-www.51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>

<div id=waiting style="position:absolute;z-index:1;display:none;border: 2 outset #F2F2F2">
<table border="0" cellpadding="0" cellspacing="0" width="360" style="background-color: #D6D3CE; font-size: 12px;">
<tr>
<td width="358" style="background-color: #000080; color: #FFFFFF; padding: 2">请稍候...</td>
</tr>
<tr>
<td width="358" align="center"><img src=http://www.haosc.com/wytx/97/"http://www.danasoft.com/sig/haiwa.jpg"></td>
</tr>
<tr>
<td width="358" height="20" style="padding: 2;word-break:break-all;" id="linktext"></td>
</tr>
<tr>
<td width="358" height="10" style="padding: 0;border: 1 inset #F2F2F2"><img src="" width=1 height=10 name=sbar style=background-color:#000080></td>
</tr>
</table>
</div>

<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.51windows.Net" onclick="return false">http://www.51windows.Net</A>
</body>
</html>
[返回上一页] [打印链接Loading效果]
上一篇特效:样式控制窗口目标
下一篇特效:本地文件夹链接
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |