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

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

Javascript: javascript 汉字与拼音转换; JavaScript使用cookie; 大平洋汽车网左侧菜单; 使用JS操作页面表格，元素的一些技巧; 分享我学习js的过程作者aircy javascript学习教程; 张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习; 用js来生成随机彩票号码清单; 发一个数据过滤的代码，很简单，有用的着的拿去; 如何在标题栏显示框架内页面的标题; js滚动条多种样式,推荐; 再次更新！MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6); 符合web标准的连续滚动图像的js代码; 使用iframe作为日历的载体，不再被select和flash等控件挡住的日期输入框; 通过脚本控制指定内容不能被选择; 模拟弹出窗口效果，关闭层之前，不能选择后面的页内容; 另类弹出窗口,跳过所有拦截工具; 使用prototype.js进行异步操作; JS模拟多线程; 动态增加/删除文件域; [分享]一个非常漂亮的进度滚动条

No. « ‹ 47 48 49 50 › »

技术文章搜索

关键字

Javascript 中的新浪滑门技术

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

收藏到网摘: 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 中的新浪滑门技术