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

关闭顶部展开顶部

展开边栏关闭边栏

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

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

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

0/5
1
2
3
4
5

查看演示效果

特效Tag：渐变添加

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

平滑的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文字渐变光特效。

收藏&分享

QQ空间新浪微博腾讯微博人人网开心网百度搜藏复制网址更多...