蓝森林首页 | 返回主页 | 本站地图 | 站内搜索 | 联系信箱 |
　您目前的位置：首页 > 自由软件 > 技术交流 > 应用编程


    

蓝森林 http://www.lslnet.com 2006年8月25日 8:28

js文字切换

我想做一个js的文字切换效果,象雷速这样的[url=http://publish.xunlei.com/]publish.xunlei.com

不过不用这么复杂,只要几行带连接的文字这样切换就可以了,请高手指教下好吗?谢谢:)

高手请帮帮忙吧,和和~谢谢

http://code.seolm.com/cc/Code_Marquee/20051220/05/

它其实是嵌入一个子页子页里包含了这样的代码:
<script language="javascript">
var g_arrData = [
{cid:"4D6C7FF07D468679607ED48DCD18FA1F82B618CD", res_name:"想不到的惊奇（搞笑）"},
{cid:"6F80BC1F56DCE0F5A292125061CD070C7CEB834C", res_name:"疯狂打比拼！笑到你喷！"},
{cid:"78507E1AE164BA759B3579BA3B2776930FEA8752", res_name:"小日本的芬达广告超级变态"},
{cid:"0CAAD7922C8A0532C90C0A39A09A9464919526A0", res_name:"办公室隐身术"},
{cid:"2FFF2A0AA24FD00DE5EBE02704BD94A041B912B4", res_name:"办公室美女热吻"},
{cid:"B13A9233F16F0377FF55FB4906F16EC88D908A0C", res_name:"腾讯QQ 2006 贺岁版SP1"},
{cid:"65DF248EC990DB11EBF957EDAEDD1004671DD528", res_name:"QQ堂下载器"},
{cid:"2CABD0D10C40CD0C99ACD25E468F89E8503AA1C4", res_name:"PP2005"},
{cid:"736C767036411307CF0861945171A80964BDAC11", res_name:"微软Media Player9"},
{cid:"11D5607B07F5DE3EFF6E3B2E50D61430425DE9C3", res_name:"酷狗"},
{cid:"2EAA9596995252914872FBB4C0830CA415E5FDE3", res_name:"金山毒霸2006完美破解版"},
{cid:"8E7D04DA36FC714C9C0F5978D5CB59EA70C67B31", res_name:"千千4.6.6简体版"},
{cid:"30BCA666BF2F0D59F263CCA25CD28515DDE1D490", res_name:"迅雷教程"},
{cid:"AAD3AE8305BC3B12AFC01224D8E09C22050B3C1A", res_name:"街头篮球"},
{cid:"469342083199103940E74C473136A96D9241524C", res_name:"QQ2005正式版sp1"},
{cid:"8C7732A2C6E191F162CD134215B44EADE5C52B69", res_name:"POCO 2005"},
{cid:"E6D40CBC8423C42DA285D6ECF8DFB76112DCF891", res_name:"《街头篮球》&lt;最新游戏补丁0870版！&gt;"},
{cid:"AFC4BDD23FDD656F69E4559C023A403CCEC556EE", res_name:"劲舞团下载"},
{cid:"AFAE2D22C2CCDC9EB86DA9E067AC13FC500B4370", res_name:"QQ幻想1.15版客户端下载器"},
{cid:"0521437163FA23E0850A2B5625C01C86971CBF2A", res_name:"雅虎助手"},
{cid:"6F2E374565E5CAC515293EDEF6E90B9FDD137F83", res_name:"QQ游戏大厅2005 beta1"},
{cid:"978B1DC323E05D891FA2416C7021D062462F72BF", res_name:"QQ音速"},
{cid:"824DB41215BBFB9E79BC3A43C978A02C5A165AD9", res_name:"BT 0.62"},
{cid:"DEC6DDBE02FC6C05B65E9BEBCF64B94F7E62D17A", res_name:"梦幻西游快速下载工具"},
{cid:"EB2F0B59CB067645D767522F1983CB978392B14C", res_name:"QQ2006珊蝴虫版4.2.1b"},
{cid:"F672C2EFC30F92776641F89C382DA2AF5EA594E6", res_name:"泡泡堂"},
{cid:"70185934F3903B20C177BFF53DAA4D30A86CF2E5", res_name:"瑞星升级包18.16.40"},
{cid:"1C4D074CD8CE2AFE168F13695C10DE5B8635496B", res_name:"电骡0.47a"},
{cid:"B92F172164231A579A1F98709CF24FA677D3E99D", res_name:"盛大《疯狂赛车》"},
{cid:"51D7C20CCABA2D74B3F8E8D3CAF0ECE33A62E839", res_name:"疯狂赛车"},
{cid:"806DA37100FA2B3E4C1A843FB8C40BE76CA5D63A", res_name:"QQ直播 3.0正式版补丁"},
{cid:"77DAB018B7098B5F1ADF9F99F194249286DA98E7", res_name:"韩国禁播MTV,女主角性感的令人窒息"},
{cid:"755C7F2691C4FEBC19EB12310A875D83E76DD02E", res_name:"Vagaa哇嘎&quot;画&quot;时代"},
{cid:"44D289339423911BF5178312FEAEB0AFD1747DC0", res_name:"Windows Media Player 10"},
{cid:"67C5CC1A03E6B4DBF19BC5B7EEACE9816589E86A", res_name:"跑跑卡丁车V21(1月19日更新)"},
{cid:"666DF1F49F3AC1187FB34518FE1B923360CA2833", res_name:"月光宝盒"},
{cid:"B551C7CC09969F0573926FBF26A968CAFD27181A", res_name:"QQ音速CB2Build1版本"},
{cid:"A305183F227A33047DB8C5610653E96D75CDB78B", res_name:"热血江湖150版完整客户端"},
{cid:"7A1CB585F38EDBD8AA7D021B7C8F66F6DFA11288", res_name:"冒险岛v039"},
{cid:"E9FE8635EA725B84B317A3D5493B687D60B773B3", res_name:"realplayer"},
{cid:"5A18FABC1238F9D645C3E80F50D211E3D410998E", res_name:"傲世4区0.916补丁"},
{cid:"ABF5E2D759109FE6F54C7073C737AE19DB0B968C", res_name:"网易相册插件"},
{cid:"15B83F61BBDD1D190CCF4550007EE4C4CCA4E1FA", res_name:"瑞星杀毒软件2006(undeadwar3发布)"},
{cid:"953C6DE46054EE4D6F7E23B7CC2048DFA403437B", res_name:"暴风影音 6.01.28"},
{cid:"0FED5EDA20BBD8850813F0C59980B8AAC17497C3", res_name:"WinRAR 3.51 简体中文版"},
{cid:"CC2FD7CEAA267942887E18B27A1688A013799D0D", res_name:"梦幻西游客户端"},
{cid:"DB4D50B2DB540AE82237D9617136B568D079AE53", res_name:"猫眼频道视频直播点播"},
{cid:"E32EA9F5D978AEAF53FF82D8B20F887111E4159A", res_name:"劲舞团1.65还原"},
{cid:"DC2D6AAE45E38B5B0196AB982D3262E49FFCFB67", res_name:"迅雷V 5.1.4.174正式版"},
{cid:"82C710C9824479FFF109FFB831419B024B2A451F", res_name:"QQ幻想最新补丁"},
{cid:"4A6894AE5364CDBDFCB07E4A3F32DD4035EDA363", res_name:"劲舞连P王1.68[增加自动按键]"},
{cid:"657EA6F4172906C51E4768EC879884CA9B47C736", res_name:"浩方对战平台4.5.1安装版"},
{cid:"B9ACC6C063F2EBCD8B4FEA11CFAEAAB41C585DF8", res_name:"不得不爱 -- 潘玮柏"},
{cid:"E98527B4B832ED70523C47B1577F732F68DC00D8", res_name:"林俊杰---&lt;&lt;曹操》"},
{cid:"08EA7B3A5B6C0B4283DFDAE71617FF97075F1F6E", res_name:"曹操--林俊杰"},
{cid:"2749CA2AFEF6A369516C79957CA0E84D672BF5C1", res_name:"Windows优化大师 7.0 Build 6.303"},
{cid:"09244AD0B18705A906625C9DB9A6B530CD1CFC6D", res_name:"最好的劲舞外挂"},
{cid:"E2FE1089F330F74BDB94640CDEF5E79E23C98E02", res_name:"QQ对战平台"},
{cid:"CDEA0B23CBA6E91BC934CBA6B9220B3C9BA55044", res_name:"310.00KB"},
{cid:"2931BE706F74C795B3F5FF2796DEE78864CA1F04", res_name:"魔兽世界１.９４补丁"},
{cid:"CD6DA5E49121ACC0461A9177F28E393F9CC8BC80", res_name:"传奇外挂"},
{cid:"6C59E0C0DA4B4624FF88298AE5145EAC66605362", res_name:"吉祥三宝-布仁巴雅尔"},
{cid:"4B535C52081674E8011E194D06E748CCBBD4638D", res_name:"热血江湖141-150升级补丁"},
{cid:"F1BADCA15582E64B3CFFD0E7081D9D2C8B2069A3", res_name:"简单霸主1.28最新免费版"},
{cid:"878484B80C0B2BC05AAAC1CBDD39CED29381EAAA", res_name:"传奇外挂VIP"},
{cid:"227B1E04EF0468B91EFA3E6DD6F31F38D5FDB4D7", res_name:"傲世　公测客户端"},
{cid:"FA26E9AF5E8E78A97507F52E9C586C8F8D78C6B6", res_name:"魔兽世界的最新补丁"},
{cid:"5011F3EF083606CA2C675C81D274FBB72977E9E9", res_name:"张含韵－哎呀呀"},
{cid:"D110C8828FA8E7B75A4491B29A8E85D3BE57A6FB", res_name:"传奇1.80版客户端"},
{cid:"16CBC529AD79FE5CC8ECBF165FD35DA1A3F4BEE8", res_name:"女性的呻吟你能抗拒吗"},
{cid:"CC00ED234580DDFC63F276E7F82E4DD4821C7CDF", res_name:"传奇2外挂"},
{cid:"E1A074CA0273E88C04AA8C86D2CD8FDFBADDE186", res_name:"酷我MP3伴侣"},
{cid:"1A1D53080BD37C126A4139BA6062BE63601436EA", res_name:"RealOne 播放器V2黄金中文版"},
{cid:"082BD212B1087CF44076DA2928E1D6ADB2D970D4", res_name:"开放美女试内衣"},
{cid:"19D753DB6B471D27607AE223B8CE370B505179B5", res_name:"原来-林俊杰"},
{cid:"627CEFBDA2BF868665CCCBA316933C92B0DB2A76", res_name:"Tencent Traveler 3.0正式版SP01"},
{cid:"DD662C1502D6A13CCE96C46B474E7B7870A3619F", res_name:"劲舞团连P外挂"},
{cid:"B7DB312D25503EF8544D2D6FE81CE77B47D174EA", res_name:"MSN Messenger v7.5.0324 简体中文版"},
{cid:"16500B22B5443D69C0F5C7FFF5722CCD26EDEA8C", res_name:"网络电视解码器"},
{cid:"6E0D07FF62A331F3A9621AB4B826EDFCFF6A4000", res_name:"热血江湖151升级系统"},
{cid:"623BA3CCA27B80F8C787723FA9C85BC2C37036CA", res_name:"劲乐团3月3日客户端补丁"},
{cid:"31079F3D7BAE5A51E5A2AE18BF4B97B8E02704A2", res_name:"BIGFoot魔兽插件"},
{cid:"87DDAD2739E8813316CE4740AC8FDFFF7ACC5BB9", res_name:"吉祥三宝-布仁巴雅尔"},
{cid:"1FF132FA35FA120F518533D955DA1880C483F615", res_name:"火影１７４集"},
{cid:"F6ACF3666974FB86995D10CFA29ABF3F7879B314", res_name:"魔兽世界1.5完整版下载器！官方推荐"},
{cid:"5480A13909AB07B0BB9DC5705E607EF76545717D", res_name:"笔记 - 周笔畅"},
{cid:"404007BDB0571FF672AB4E1C8A4F5205841B0113", res_name:"三国恋-tank"},
{cid:"539B9373E17F36F7631947BF8A20FF2280349412", res_name:"PPStream 1.0.1.58"},
{cid:"82340910BA5471AF0664B4489219704A51C27F3F", res_name:"周杰伦-霍元甲"},
{cid:"CFA0B89D576B742E06C072CF251AAD1B83AA9B17", res_name:"传奇2冰橙子1.50免费版"},
{cid:"38E479F5C28AAC555F23853278A734E0849F2515", res_name:"MM健身操，男人看了都疯了"},
{cid:"E6384B92F21D445D1D6D696A1934EC19224BD524", res_name:"PP点点通2004版"},
{cid:"011D0014E8EE68F6B52B52BD295DFA3B79EB4F77", res_name:"爱上你我很快乐"},
{cid:"2E1456B5E68FB134F71EE5E8E5A6FEB89EC0A8F9", res_name:"传奇霸主3最新破解版"},
{cid:"1FC4A84D523950A29FD25D65D53BE39DBD62DD0F", res_name:"披着羊皮的狼-(谭咏麟)"},
{cid:"0A74E79D73FA0300AB7A23D8362F9857CCB6C825", res_name:"超级舞者2.14粉色心空版"},
{cid:"E289A2A1235B57CCF72ABD0808169E90000CF724", res_name:"曹操-林俊杰"},
{cid:"4A11697A7A77A4265D24B05A764AA4A1CB9F0E6D", res_name:"反间谍专家"},
{cid:"5C7708349A8048E5ABD90E6ED059A7933494CE18", res_name:"传奇世界89区补丁"},
{cid:"A7A1F98C3D00A3FCE3799304A78E3154E7334193", res_name:"传奇世界1.9.0.0高画质"},

{}];
var g_iInterval = 3000;
var g_iOffset = 1;
var g_iCurrentPage = 0;
var g_fRefreshTimer = null;
var g_oTdVane = null;
function getSerialNum(iNum)
{
        return iNum<10 ? "0"+iNum : ""+iNum;
}

function initVane()
{       
        g_oTdVane = document.getElementById("td_vane");
        setVane(0);
        g_fRefreshTimer = setInterval('refreshVane();', g_iInterval);
}

function setVane(iPage)
{
        var sVaneHtml = "<table width='100%' border='0' cellpadding='0' cellspacing='0'>";
        var iSerial;
        for (var i=0; i<10; i++)
        {
                sVaneHtml += "<tr valign='middle' class='blue'>";
                for (var j=0; j<2; j++)
                {
                        iSerial = iPage*20+i+j*10;
                        sVaneHtml += "<td width='226' height='22'>";
                        sVaneHtml += getSerialNum(iSerial+1);
                        sVaneHtml += " <a href='http://wstatic.xunlei.com/web/content.htm?cid="+ g_arrData[iSerial].cid +"' title='"+ g_arrData[iSerial].res_name +"' target='_blank' class='xblue_12a'>";
                        sVaneHtml += SubStr(g_arrData[iSerial].res_name, 28);
                        sVaneHtml += "</a></td>";
                }
                sVaneHtml += "</tr>";
        }
       
        sVaneHtml += "<tr class='blue'><td>";
        sVaneHtml += "<span onClick='guideVane(-2)' style='cursor:hand'>&lt;&lt;</span> ";
        sVaneHtml += "<span onClick='guideVane(-1)' style='cursor:hand'>&lt;</span> ";
        sVaneHtml += "<span onClick='guideVane(1)' style='cursor:hand'>&gt;</span> ";
        sVaneHtml += "<span onClick='guideVane(2)' style='cursor:hand'>&gt;&gt;</span> ";       
        sVaneHtml += "</td></tr></table>";
        if(g_oTdVane.filters != null)
        {
                g_oTdVane.filters[0].apply();
                g_oTdVane.filters[0].motion = g_iOffset > 0 ? "forward" : "reverse";
                g_oTdVane.filters[0].play();               
    }
        g_oTdVane.innerHTML = sVaneHtml;
}

function refreshVane()
{
        g_iCurrentPage+= g_iOffset+5;
        g_iCurrentPage%=5;
        setVane(g_iCurrentPage);
}

function guideVane(iOffset)
{
        g_iOffset = iOffset > 0 ? 1 : -1;
        if (iOffset == 2)
        {
                g_iCurrentPage = 4;
                setVane(4);
        }
        else if (iOffset == -2)
        {
                g_iCurrentPage = 0;
                setVane(0);
        }       
        else
                refreshVane();
}
</script>

恩，谢谢楼上的,这段代码我看到了
就不是知道怎么修改成自己需要的

我是想做成简单的表格或者文字间的渐变切换,这段好象很复杂的,呵呵`

谢谢 fkasp ,请问可以实现渐变的那种效果吗?

这个js是通过代码来构建表格的
function setVane(iPage)
{
var sVaneHtml = "<table width='100%' border='0' cellpadding='2' cellspacing='0'>";
var iSerial;
for (var i=0; i<9; i++)
{  sVaneHtml += "<tr valign='middle' class='blue'>";
for (var j=0; j<1; j++)
{
iSerial = iPage*9+i+j*9;                       
sVaneHtml += "<td width='191'>";                       
sVaneHtml += " <a href='"+ g_arrData[iSerial].cid +"' target='_blank' class='xblue_12a'>";
sVaneHtml += SubStr(g_arrData[iSerial].res_name, 280);       
sVaneHtml += "</a></td>";
}
sVaneHtml += "</tr>";
}


我现在想在这个表格中插入一行做为标题,想请问下该怎么写?因为 它每行都是通过:
sVaneHtml += SubStr(g_arrData[iSerial].res_name, 280);        来生成的,样式都已经定死了,不能做成标题形式的.

sVaneHtml += "<tr valign='middle' class='blue'>";
          
这句中间该怎么写?                       
               
sVaneHtml += "</tr>";
谢谢
       


有人能指教下吗？


[ 关闭窗口 ]


Copyright © 1999-2000 LSLNET.COM. All rights reserved. 蓝森林网站 版权所有。 E-mail : webmaster@lslnet.com