每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>文本链接特效代码>

收藏分享查看评论文本链接

平滑的JavaScript文字渐变光特效_文本链接特效

查看演示效果

特效Tag：渐变添加

平滑的JavaScript文字渐变光特效，纯JS实现，效果很不错。

<html>
<head>
<title>平滑的JavaScript文字渐变光特效</title>
<script language="JavaScript1.2">
<!-- // Hide
var isDOM = document.getElementById?1:0;
var isIE = document.all?1:0;
var isNS4 = (navigator.appName=='Netscape' && !isDOM)?1:0;
var isIE4 = (isIE && !isDOM)?1:0;
var isDyn = (isDOM||isIE4||isNS4);
function getRef(id, par)
{
 par = (!par ? document : (par.navigator ? par.document : par));
 return (isIE ? par.all[id] :
  (isDOM ? (par.getElementById?par:par.ownerDocument).getElementById(id) :
  par.layers[id]));
}

function txcCycle() { with (this)
{
 if (!div) div = getRef(myName + 'Layer');
 count = ((count - step) % colours.length);
 var str = '<span class="' + myName + '">';
 for (var i = 0; i < text.length; i++)
 {
  var pos = (count + i) % colours.length;
  if (pos < 0) pos += colours.length;
  str += '<font color="' + colours[pos] + '">' + text.substring(i, i + 1) + '</font>';
 }
 str += '</span>';
 if (isNS4) with (div.document)  { write(str); close() }
 else div.innerHTML = str;
 setTimeout(myName + '.cycle()', interval);
}}
function TextCycler(myName)
{
 this.myName = myName;
 this.div = null;
 this.colours = null;
 this.interval = 100;
 this.count = 0;
 this.step = 1;
 this.text = '';
 this.cycle = txcCycle;
}
var waveText = new TextCycler('waveText');
with (waveText)
{
 colours = new Array('#003366', '#114477', '#225588', '#336699', '#4477AA', '#5588BB',
  '#6699CC', '#5588BB', '#4477AA', '#336699', '#225588', '#114477');
 text = 'Text Colour Cycler v1.1';
 //interval = 200;
 //step = -1;
}
window.onload = new Function('waveText.cycle()');
// End Hide -->
</script>
<style>

</style>
</head>
<body>
<div id="waveTextLayer" style="position: absolute; left: 200; top: 50"></div>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-01

[收藏][报错][返回列表]

相关文本链接特效：

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索平滑的JavaScript文字渐变光特效
特效说明：
文本链接模板-平滑的JavaScript文字渐变光特效。