设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 状态栏特效 > 详细内容
极酷的状态栏效果显示
发布时间:2010-3-28  阅读次数:8239  字体大小: 【】 【】【

<html>

<head>
<title>网页特效|Linkweb.cn/Js|---极酷的状态栏效果显示</title>
<style type="text/css">
body {   font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: green; FONT-SIZE: 10pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

  A:hover { COLOR: red; FONT-SIZE: 10pt; FONT-WEIGHT: 410; TEXT-DECORATION: underline }

a:active         { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->

</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script LANGUAGE="JavaScript">
<!-- Begin
var data = "0123456789";
var done = 1;
function statusIn(text) {
decrypt(text, 2, 1);
}
function statusOut() {
self.status = '';
done = 1;
}
function decrypt(text, max, delay) {
if (done) {
done = 0;
decrypt_helper(text, max, delay,   0, max);
     }
}
function decrypt_helper(text, runs_left, delay, charvar, max) {
if (!done) {
runs_left = runs_left - 1;
var status = text.substring(0, charvar);
for (var current_char = charvar; current_char < text.length; current_char++) {
status += data.charAt(Math.round(Math.random()*data.length));
}
window.status = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0) {
setTimeout(rerun, delay);
}
else {
if (charvar < text.length) {
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else {
done = 1;
                 }
           }
     }
}
//   End -->
</script>
</head>

<body>
<font color="red" face="隶书" size="6">

<p align="center">极酷的状态栏效果显示</font> <br>
<br>
&nbsp;</p>
<div align="center">

<table bordercolor="#0000FF" borderlight="green" width="483">
   <tr>
       <td align="center" width="240">
           <p align="left"><font face="幼圆" size="3" color="#FF0000"><strong>&nbsp;&nbsp;  
       你可能见过不少状态栏的显示效果,但这个特效却有它的独到之处,当鼠标移动到下面超连接上时,在状态栏先出现一串纷繁的字母或数字,再从左到右依次变化为需要显示的信息,十分有趣.把鼠标指向下面的这个超连接,同时注意浏览器最底边的状态栏,你将会见到精彩的效果!!</strong></font></p>
       </td>
       <center>

       <td align="center" width="239"> </td>
   </tr>
   <tr>
       <td align="center" width="479" valign="middle" colspan="2"> <p><a
       href="#"
       onMouseOver="statusIn('欢迎学习网页特效. [E-mail:mailluwei@163.com]');return true;"
       onMouseOut="statusOut();"><font color="#FF00FF" size="4">欢迎学习网页特效</font></a></td>
   </tr>
</table>
</center></div>

<p align="center"><br>
<br>
</p>
</body>
</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮