萬盛學電腦網 >> 網絡編程 >> 安卓開發 >> html5字符背景特效代碼
html5字符背景特效代碼
標准通用標記語言下的一個應用HTML標准自1999年12月發布的HTML4.01後，後繼的HTML5和其它標准被束之高閣，為了推動Web標准化運動的發展，一些公司聯合起來，成立了一個叫做 Web Hypertext Application Technology Working Group (Web超文本應用技術工作組 -WHATWG) 的組織。WHATWG 致力於 Web 表單和應用程序，而W3C(World Wide Web Consortium，萬維網聯盟) 專注於XHTML2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。下面我們給大家介紹一下html5字符背景特效吧!
要完成此效果把如下代碼加入到<body>區域中
<span id="theText" style="width:<fp class='fp-n4y0b'></fp><fp class='fp-rzj3c'></fp><fp class='fp-ceeos'></fp>%">
<h<fp class='fp-pgv5n'></fp> align="center"><font color="#ffffff">Welcome To You!!</font></h<fp class='fp-2o3fw'></fp>>
</span><script>
var from = <fp class='fp-5cplw'></fp>;
var to = <fp class='fp-97aox'></fp><fp class='fp-rzj3c'></fp>;
var delay = <fp class='fp-eqbt4'></fp>;
var glowColor = "lime";
var i = to;
var j = <fp class='fp-rzj3c'></fp>;
textPulseDown();
function textPulseUp()
{
if (!document<fp class='fp-605o2'></fp>all)
return
if (i < to)
{
theText<fp class='fp-605o2'></fp>style<fp class='fp-605o2'></fp>filter = "Glow(Color=" + glowColor + "<fp class='fp-un58c'></fp> Strength=" + i + ")";
i++;
theTimeout = setTimeout(<fp class='fp-ogn1z'></fp>textPulseUp()<fp class='fp-kl2yy'></fp><fp class='fp-3t1o7'></fp>delay);
return <fp class='fp-djcw2'></fp>;
}
if (i = to)
{
theTimeout = setTimeout(<fp class='fp-vmdd0'></fp>textPulseDown()<fp class='fp-ogn1z'></fp><fp class='fp-un58c'></fp>delay);
return <fp class='fp-1h4jv'></fp>;
}
}
function textPulseDown()
{
if (!document<fp class='fp-ns6yt'></fp>all)
return
if (i > from)
{
theText<fp class='fp-605o2'></fp>style<fp class='fp-605o2'></fp>filter = "Glow(Color=" + glowColor + "<fp class='fp-un58c'></fp> Strength=" + i + ")";
i<fp class='fp-z67dj'></fp><fp class='fp-p4335'></fp>;
theTimeout = setTimeout(<fp class='fp-kl2yy'></fp>textPulseDown()<fp class='fp-kl2yy'></fp><fp class='fp-3t1o7'></fp>delay);
return <fp class='fp-1h4jv'></fp>;
}
if (i = from)
{
theTimeout = setTimeout(<fp class='fp-vmdd0'></fp>textPulseUp()<fp class='fp-kl2yy'></fp><fp class='fp-3t1o7'></fp>delay);
return <fp class='fp-ceeos'></fp>;
}
}
</script>
以上就是我們給大家介紹的html5字符背景特效了。希望大家繼續關注我們的網站!
