文字的循环闪动

吕游 , 2007/06/19 23:19 , 综合栏目 » 实用代码 , 评论(0) , 阅读(1605) , Via 本站原创

// Convert a 24bit number to hex
function toHex(n)
{
    return (enHex((0xf00000 & n) >> 20) +
            enHex((0x0f0000 & n) >> 16) +
            enHex((0x00f000 & n) >> 12) +
            enHex((0x000f00 & n) >>  8) +
            enHex((0x0000f0 & n) >>  4) +
            enHex((0x00000f & n) >>  0))
}
// Convert a six character hex to decimal
function toDecimal(hexNum)
{
     var tmp = ""+hexNum.toUpperCase()
    while (tmp.length < 6) tmp = "0"+tmp
     return ((deHex(tmp.substring(0,1)) << 20) +
             (deHex(tmp.substring(1,2)) << 16) + 
            (deHex(tmp.substring(2,3)) << 12) +
            (deHex(tmp.substring(3,4)) << 8) +
            (deHex(tmp.substring(4,5)) << 4) +
             (deHex(tmp.substring(5,6))))
}
///////////////////Shimmering Links/////////////////////
//global variables
var hoverColour
var numLinks;
var rate;
var numFadeLevels;
var bgR;
var bgG;
var bgB;
var currR;
var currG;
var currB;
var count;
var fadeOut;
var continuous;
var newColour;
var tID;
var redInterval;
var greenInterval;
var blueInterval;
function initLinks(mouseOverColour, numberOfLinks, fadeOutColour)
{
  hoverColour = mouseOverColour;
  numLinks = numberOfLinks;
  rate = 1;
  numFadeLevels = 30;
  function initArray(theArray, length, val)
  {
    for(i=0;i<length;i++)
    {
      theArray[i] = val;
    }
  }
  bgR = '0000' + fadeOutColour.substring(1,3)
  bgG = '0000' + fadeOutColour.substring(3,5)
  bgB = '0000' + fadeOutColour.substring(5,7)
  currR = new Array(numLinks);
  currG = new Array(numLinks);
  currB = new Array(numLinks);
  count = new Array(numLinks);
  fadeOut = new Array(numLinks);
  continuous = new Array(numLinks);
  newColour = new Array(numLinks);
  tID = new Array(numLinks);
  redInterval = toDecimal(bgR) / numFadeLevels;
  greenInterval = toDecimal(bgG) / numFadeLevels;
  blueInterval = toDecimal(bgB) / numFadeLevels;
  initArray(currR,numLinks,0);
  initArray(currG,numLinks,0);
  initArray(currB,numLinks,0);
  initArray(count,numLinks,0);
  initArray(fadeOut,numLinks,true);
  initArray(continuous,numLinks,true);
}  
function startFade(id)
{
  if(fadeOut[id] == true)
  { /*move colour towards background colour (increment)*/
    currR[id] += redInterval;
    currG[id] += greenInterval;
    currB[id] += blueInterval;
    newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);
    if(++count[id] == numFadeLevels)
    {
      fadeOut[id] = false;
    }
  }
  else
  {
    currR[id] -= redInterval;

currG[id] -= greenInterval;

currB[id] -= blueInterval;

newColour[id] = '#' + (toHex(currR[id])).substring(4,6) + (toHex(currG[id])).substring(4,6) + (toHex(currB[id])).substring(4,6);

if(--count[id] == 0)

{

fadeOut[id] = true;

}

if(continuous[id] == true)

{

document.getElementById(id).style.color = newColour[id];

}

else

{

document.getElementById(id).style.color = hoverColour;

}

clearTimeout(tID[id]);

tID[id]=setTimeout('startFade(' + id + ')', rate);

}

function continueFade(id)

{

continuous[id] = true;

}

function stopFade(id)

{

continuous[id] = false;

}

function StartTimers()

{  //set up an initial set of timers to start the shimmering effect

for(id=0; id<numLinks; id++)

{

t=setTimeout('startFade(' + id + ')', id*100);

}

//format = initLinks('mouse-over colour', 'number of links', 'fade-out colour')

initLinks('#FF0000', 6, '#FFCC77');

//-->

</script>
<a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://7wind.com/">落叶知秋1
</a>
<br/>
<a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://luckylvyou.com/">落叶知秋2</a>
<br/>
<a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://luckylvyou.com/">落叶知秋3</a>
<br/>  
<a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://luckylvyou.com/">落叶知秋4</a>
<br/>
<a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://luckylvyou.com/">落叶知秋5</a>
<br/>
<a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://luckylvyou.com/">落叶知秋6</a>
<script language="javascript" type="text/javascript">

</script>

提示：您可以先修改部分代码再运行
作者：落叶知秋⊙吕游
地址：http://www.luckylvyou.com/read.php/239.htm
版权所有。转载时必须链接形式注明作者和原始出处及本声明！

最新日志		随机日志		综合排行
	自我评价记录我的QQ十年不做爱的羔羊这又是一个问答系统杯饮凄凉一朵心情超级感人：破产千万富翁高逸峰在... 跟历史说再见仰望雨中的天博客为谁开		乱了线的风筝爱情里没有谁对谁错蘑菇管理九招让硬盘更快、系统更稳定守望电脑中百度病毒打开google... 值得一看的电视剧【祈望】全集剧... 这个冬天不我冷郁闷殉情		Adsense电子在线支付截图谷歌对于“收购265.com”... 郑智化-全部歌词小伟窗口放大器 1.5版本 C... 李惠美 [电话小姐 ]鄙视此女港产美女张雅玲唯一一部激情影片... 黄晓明版鹿鼎记下载《鹿鼎记》已经有7部了，及黄晓... 江西南昌大学50位美女qq号大... Camfrog Video C...