新浪滑门技术- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 新浪滑门技术

Javascript: 动态改变图片尺寸（一）; JavaScript＋PHP 应用一：网页制作中双下拉菜单的动态实现; JavaScript + PHP 应用二：网页设计中树形菜单的动态实现; 在Javascript中为String对象添加trim,ltrim,rtrim方法; 纯JavaScript时钟; 网页之定时器详解; 为网页添加活动的背景音乐; Javascript Game; 实用的检测分辨率的程序代码; 【推荐】一个非常漂亮的列表框; 绝对精彩：在网页里做类似window右键的弹出式菜单; 怎样使网页中的元素可编辑??; JavaScript和Java的区别; 怎样编写IE和NN6通用的闪烁(blank)效果; 关于如何动态地在同一页面实现两个 < select > 互传 (s1 <==> s2); ＣＯＯＫＩＥ欺骗; 连串英文自动换行的方法; JavaScript中的正则表达式(1); JavaScript中的正则表达式(2); JavaScript窗口功能指南之定制新窗口

No. « 1 2 3 4 › »

技术文章搜索

关键字

Javascript 中的新浪滑门技术

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 42 ::

收藏到网摘: n/a

怎么在下面的HTML里调用数组cs[]的值兼容FF&IE的滚动代码

点击运行可以看到效果:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title><style type="text/css">
</style>
</head>
<body onload="change_Menu(1)">
<table width="254" cellspacing="0" class="partA"> <tr><td class="leW" valign="top" width="254"> <script language="JavaScript" type="text/javascript">
//<![CDATA[
var cur_index=1
var num=4 //该值记录标签的个数
var settime
function GetObj(objName){ if(document.getElementById){ return eval('document.getElementById("' + objName + '")'); }else if(document.layers){ return eval("document.layers['" + objName +"']"); }else{ return eval('document.all.' + objName); }
}
function change_Menu(index){ for(var i=1;i<=num;i++){/* 最多支持8个标签 */ if(GetObj("con"+i)&&GetObj("m"+i)){ GetObj("con"+i).style.display = 'none'; GetObj("m"+i).className = "menu"+i+"Off"; } } if(GetObj("con"+index)&&GetObj("m"+index)){ GetObj("con"+index).style.display = 'block'; GetObj("m"+index).className = "menu"+index+"On"; } cur_index=index if(cur_index<num){ cur_index++ } else{ cur_index=1 } settime=setTimeout("change_Menu(cur_index)",2000)//设置延迟时间
}
function Menu(c_index){ clearTimeout(settime) change_Menu(c_index) }
//]]>
</script>
<table cellspacing="0" style="background:#3FA6B5; width:100%;" class="clearit">
<tr><td height="3"></td></tr>
<tr><td style=" color:#fff; font-weight:bold; text-align:center;"><a href=http://yayun2006.sina.com.cn/video/index.shtml target=_blank style="color:#fff;"> 视频访谈</a></td> <td id="m1" onClick="Menu(1)" class="menu1On" title="明星">明星</td> <td width="1"></td> <td id="m2" onClick="Menu(2)" class="menu2Off" title="游泳">游泳</td> <td width="1"></td> <td id="m3" onClick="Menu(3)" class="menu3Off" title="特写">特写</td> <td width="1"></td> <td id="m4" onClick="Menu(4)" class="menu4Off" title="举重">举重</td> <td width="10"></td>
</tr>
</table>
<div id="con1" class="cont_le picfff"> <p style=" margin-left:1px;"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1091DT20061207054109.jpg" width="120" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/z/doha2006/photo/36083/index.shtml" target="_blank"> 游泳冠军做客</a> <img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1094DT20061207054109.jpg" width="120" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23122613020.shtml" target="_blank"> 邻家男孩吴鹏</a> <div class="clearit"></div>
</div>
<div id="con2" style="display:none;" class="cont_le picfff"> <p style=" margin-left:1px;"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1322DT20061207054109.jpg" width="120" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23382613071.shtml" target="_blank"> 蛙后齐晖</a> <img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1323DT20061207054109.jpg" width="120" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/22502612978.shtml" target="_blank"> 成熟周雅菲</a> <div class="clearit"></div>
</div>
<div id="con3" style="display:none;" class="cont_le picfff"> <p style=" margin-left:1px;"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1324DT20061207054109.jpg" width="248" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00582616492.shtml" target="_blank"> 张国政与小浪亲密接触</a> <div class="clearit"></div>
</div>
<div id="con4" style="display:none;" class="cont_le picfff"> <p style=" margin-left:1px;"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1325DT20061207054109.jpg" width="120" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00502616482.shtml" target="_blank"> 丘乐公布择偶标准</a> <img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1326DT20061207054109.jpg" width="120" height="90" alt="" /> <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00212616420.shtml" target="_blank"> 女子举重大姐大</a> <div class="clearit"></div>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

怎么在下面的HTML里调用数组cs[]的值兼容FF&IE的滚动代码

Javascript 中的 新浪滑门技术

评论 (0) All

Javascript 中的新浪滑门技术