几种文字切换显示特效-JS特效-爱易网页

几种文字切换显示特效

日期：2014-05-18　浏览次数：20241 次

以下是程序代码

<SCRIPT language=JavaScript1.2>
var strFaderName = 'Dynamic Text Fader 2.20';
var strCopyright = 'Copyright (c) Nicholas Poh 2000';
// Check for browser and version
var g_fBrowser = 0;
var navName = navigator.appName;
var navVer  = parseFloat(navigator.appVersion);
if (document.all) {
	// Microsoft Internet Explorer 5 or compatible
	g_fBrowser = 2;
} else if (document.getElementById) {
	// Netscape 6 or DOM compatible browser
	g_fBrowser = 3;
} else if (document.layers) {
	// Netscape 4 or compatible
	g_fBrowser = 1;
} else {
	// Sometimes Netscape 4 reaches here. So, make sure it still works.
	if (navName == "Netscape" && navVer >= 4) {
		g_fBrowser = 1;
	} else {
		// unknown and not supported
		g_fBrowser = 0;
	}
}
// End of check
// Global variables
var DynFaderList = new Array();		// List of Dynamic Faders
// End of Global variables
// Create a hex convertor array (Dex2Hex[])
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
var value=0;
var Dec2Hex=new Array();
for (x=0; x<16; x++){
	for (y=0; y<16; y++){
		Dec2Hex[value]= hexbase[x] + hexbase[y];
		value++;
	}
}
// End of create a hex convertor array (Dex2Hex[])
// Combine RGB colour
function RGB(r, g, b)
{
	return ((r&0xFF)<<16) + ((g&0xFF)<<8) + (b&0xFF);
}
// Convert RGB colour from string to numeric
function StrRGB2Num(color)
{
	var temp;
	temp = color;
	return Number('0x'+temp.substr(1,temp.length));
}
// Convert RGB colour to string base
function RGB2STR(rgbcolor)
{
	return Dec2Hex[rgbcolor>>16] + Dec2Hex[(rgbcolor>>8)&0xFF] + Dec2Hex[rgbcolor&0xFF];
}
// Find layer
function findLayer(name, doc)
{
	if (document.layers) {
		var i, layer;
		for (i = 0; i < doc.layers.length; i++) {
			layer = doc.layers[i];
			if (layer.name == name) return layer;
			if (layer.document.layers.length > 0) {
				layer = findLayer(name, layer.document);
				if (layer != null) return layer;
			}
		}
	}
	return null;
}
// Change the HTML text
function changeHTMLText(element, newText, object)
{
	if (document.all) {
		// Microsoft Internet Explorer 5 or compatible
		element.innerHTML = newText;
	} else if (document.getElementById) {
		// Netscape 6 or DOM compatible browser
		rng = document.createRange();
		rng.setStartBefore(element);
		htmlFrag = rng.createContextualFragment(newText);
		while (element.hasChildNodes()) element.removeChild(element.lastChild);
		element.appendChild(htmlFrag);
	} else if (document.layers) {
		// Netscape 4 or compatible
		strTemp = '<DIV CLASS="' + object.name + '">' + newText + '</DIV>';
		element.document.open();
		element.document.fgColor = object.curcolor & 0xFFFFFF;
		element.document.writeln(strTemp);
		element.document.close();
	}
}
function insertPlaceHolder(strName, width, height, align, bgcolor, border, bordercolor)
{
	if (String(width)  =="undefined") var width   = "100%";
	if (String(height) =="undefined") var height  = 100;
	if (String(align)  =="undefined") var align   = "left";
	if (String(bgcolor)=="undefined") var bgcolor = "";
	if (String(border) =="undefined") var border  = 0;
	if (String(bordercolor)=="undefined") var bordercolor = "";
	if (g_fBrowser == 0) {
		document.writeln("Browser not supported");
		return;
	}
	switch(g_fBrowser) {
	case 1:
		document.writeln(
			'<TABLE ALIGN="' + align + '" CELLSPACING="0" CELLPADDING="0" BORDER="' + border + '" BORDERCOLOR="' + bordercolor + '">' +
			'<TR><TD>' +
			'<ILAYER NAME="' + strName + '" BGCOLOR="' + bgcolor + '" VISIBILITY="inherit">' +
			'<LAYER NAME="Content" WIDTH=' + width + ' HEIGHT=' + height + ' VISIBILITY="inherit">' +
			'</LAYER>' +
			'</ILAYER>' +
			'</TD></TR>' +
			'<</div></div>

<div class="clearfix"></div>
                    </div>
                    <nav aria-label="...">
                        <ul class="pager">
                            <li class="previous"><a href="4667">上一篇：狡猾的按钮特效</a></li>

<li class="next"><a href="1698">下一篇：文字向上滚动代码</a></li>
                        </ul>
                    </nav>

<div class="alert alert-warning" role="alert">
                        <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
                    </div>

<div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34428' title='喜大普奔：2016年国内乘客有望在飞机上使用手机' target="_blank">
                        喜大普奔：2016年国内乘客有望在飞机上使用手机</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34124' title='苏宁易购成世界最慢电商 专家称其涉嫌违约' target="_blank">
                        苏宁易购成世界最慢电商 专家称其涉嫌违约</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34156' title='苹果联合创始人炮轰鲍尔默“一直都在吃老本”' target="_blank">
                        苹果联合创始人炮轰鲍尔默“一直都在吃老本”</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34374' title='虚拟运营商们更像三大运营商的“二道贩子”' target="_blank">
                        虚拟运营商们更像三大运营商的“二道贩子”</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34132' title='郭美美事件推手被抓 “秦火火”拷问网络底线' target="_blank">
                        郭美美事件推手被抓 “秦火火”拷问网络底线</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34395' title='承载京东C2C野心的拍拍网：梦想丰满，现实骨感' target="_blank">
                        承载京东C2C野心的拍拍网：梦想丰满，现实骨感</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34311' title='微软大幅调整Bing在华策略：从高大上到接地气' target="_blank">
                        微软大幅调整Bing在华策略：从高大上到接地气</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34455' title='亚马逊宣布新春大促策略 欲打造另一个"黑五"' target="_blank">
                        亚马逊宣布新春大促策略 欲打造另一个"黑五"</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34426' title='这一次，微软将带给我们什么惊喜？' target="_blank">
                        这一次，微软将带给我们什么惊喜？</a></li></div>
                   
                
        </ol>
    </div>
</div>

</div>

</div>
            </div>
            <div class="clearfix"></div>

<footer class=" footer navbar-bottom">
<em>友情链接：</em>
    
      <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a>            
    
<br />
<script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script>

Copyright © 2013-2026 爱易网页 当前在线：256人　
        网站在5时38分45秒内访问总人数：30127人
    当前 33.86%
　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script>

</footer>

</div>
   
</body>
</html>