简单的仿Flash文字动画（兼容Mozilla）- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 简单的仿Flash文字动画（兼容Mozilla）

Javascript: java编程教程：JDBC技术简介; 浅析Ajax为什么优于JSF; JDK5.0中collection都有哪些变化; 对性能和可扩展产生深远影响的J2EE; HTTP消息头字段深入介绍; java教程：网站开发中的入侵问题检测; 简要介绍实现多线程环形缓冲的方法; DOM文档如何与XML文件互换？; Java教程：如何实现FTP功能; Bing API的简单了解; Javascript对网页输入框的字数限制; 建立支持移动设备访问的网站sitemap; window.onload和body onload; JS教程：window.event对象; 网页漂浮广告的关闭的实现代码; JavaScript教程:网页浮动定位提示效果; 常用的Javascript代码高亮脚本; 滑动导航菜单的变体使用; 解决AJAX中文回传乱码; Javascript开发是否预留退路？

No. « ‹ 173 174 175 176 › »

技术文章搜索

关键字

Javascript 中的简单的仿Flash文字动画（兼容Mozilla）

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 128 ::

收藏到网摘: n/a

Javascript - 全面理解 caller，callee，call，apply 客户端脚本中常常出现的一些问题和调试技巧

点击运行可以看到效果:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title> neverDhtmlText - http://www.never-online.net </title> <meta http-equiv="ImageToolbar" content="no" /> <meta name="author" content="BlueDestiny, never-online"/> <meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Refercence, BlueDestiny, never-online, www.never-online.net"/> <meta name="description" content="BlueDestiny, never-online"/> <meta name="title" content="neverDhtmlText - http://www.never-online.net" /> <meta name="creator.name" content="Genius Lau, never-online, blueDestiny" /> <style type="text/css" media="all" title="Default"> body { background-color:#555; color:#aaa; font-size:12px; font-family: "Comic Sans MS"; } a { color:#aaa; } </style> <script type="text/javascript"> //<![CDATA[ // script by never-online, blueDestiny // blueDestiny[at]126.com // http://www.never-online.net // Permission given to use this script in ANY kind of applications if // header lines are left unchanged. function neverDhtmlText(wrapper,text) { var ie = document.all?true:false; window._m = cr = null; var cnt = 0; var delay=1.5; var idx=0; with(wrapper.style) { display = "block"; position = "absolute"; fontWeight = "bolder"; fontFamily = "Comic Sans MS"; } function animate(bool, idx) { window.clearTimeout(_m); if (bool?++cnt>100:--cnt<0) { window._m=setTimeout(function(){callback(!bool,(bool!=true&&idx==cr)?++idx:idx)},1000*delay); return; } variety(cnt, cnt); window._m=setTimeout(function(){animate(bool, idx)},10); } function variety(sz, alpha, bool, color) { with(wrapper.style) { left = parseInt(((document.body.clientWidth||window.innerWidth)-wrapper.offsetWidth)/2)+"px"; top = parseInt(((document.body.clientHeight||window.innerHeight)-wrapper.offsetHeight)/2)-50+"px"; fontSize = (bool?sz:(sz>50?50:sz))+"px"; ie?filter="alpha(opacity=" +alpha+ ")":MozOpacity=(alpha/100).toFixed(2)+""; wrapper.style.color = color?color:"gray"; } } function callback(bool, idx) { if (idx==text.length) { top.location.href='http://blog.never-online.net'; return }; wrapper.innerHTML = text[idx]; animate(bool,idx); cr=idx; }; callback(true,idx); }; function demostrate() { var o = document.getElementById("demo"); var a = ['welcome to','never-online\'s blog','http://www.never-online.net','go'] neverDhtmlText(o, a); a = null; }; onload = demostrate; //]]> </script>
</head>
<body id="www.never-online.net">
<div id="demo"></div>
<div id="footWrapper" style="position:absolute; top:80%; text-align:center; width:100%;">
Power By never-online, BlueDestiny , <a href="http://www.never-online.net">http://www.never-online.net</a>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Javascript - 全面理解 caller，callee，call，apply 客户端脚本中常常出现的一些问题和调试技巧

评论 (0) All