每日更新|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文字漸變光特效。