［HTML］类似flash文字转换的效果！

2013-07-31 13:38:09 +0800

网页特效|Linkweb.cn/Js|---类似FLASH的文字转换

代码如下：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---类似FLASH的文字转换</title>

</head>

<body> 
 
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var qiksearch_js_text = new Array ("Hello！", "欢迎你的光临", "类似flash文字转换效果", "http://csngmap.wodemo.net");
var qiksearch_space_width = 390; // The width of the content space
var qiksearch_space_height = 50; // The height of the content space
var qiksearch_space_borderw=3; // Border width
var qiksearch_space_borderc="#CC0000"; // Border Color
var timeOutVal=150; // Delay in milliseconds

//--------------------------------------------------------------------------------------------

//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------

document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + ' solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_space">');
document.write('</div>');
document.write('</td></tr></table>');

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;

function writeDiv()
{
 document.all.qiksearch_js_space.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font>' ;

if((colorVal>0)  && (colorVal!=0))
 {
  colorVal--;
 }
 else
 {
  colorVal=15;
  if(div_count<qiksearch_js_text.length)
  {
   div_count++;
  }
  if(div_count==qiksearch_js_text.length)
  {
   document.all.qiksearch_js_space.innerHTML = '<a href="javascript:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>没看清？再来一遍吧！</b></font></a>';
  }
 }

if(div_count<qiksearch_js_text.length)
 {
  setTimeout("writeDiv()",timeOutVal);
 }
}

function joinColor(getColor)
{
 return (getColor + '0' + getColor + '0' + getColor + '0');
}

function resetAll()
{
 div_count=0;
 colorVal=15;
}

writeDiv();
//  End -->
</script>

</body>

</html>

«Newer Older»

----Comments(1)----
csngmap (@csngmap) | @ at 2013-07-31 13:48:
转自白日梦磨友，谢谢咯！

Back to home 代码 /cat/111288