易截截图软件、单文件、免安装、纯绿色、仅160KB

javascript 实现Tab滑动

先给出基本的HTML文件:
<ul>
  <li id="m01"></li>
  <li id="m01"></li>
  <li id="m01"></li>
</ul>
<div>
 <div id="C01"> </div>
 <div id="C02"> </div>
 <div id="C03"> </div>
</div>
下面是javascript代码:
function scrollMenu()
{
}  /*创建一个类*/
scrollDiv.prototype =
{
 sd:function(menus, divs, openClass, closeClass)
{
_this = this;
for(var i=0; i<menus.length; i++)
{
_this.$(menus[i]).value = i;
_this.$(menus[i]).onmouseover = function()
{
for(var j=0; j<menus.length; j++)
{
_this.$(menus[i]).className = closeClass;
_this.$(divs[i]).style.display = "none";
}
_this.$(menus[this.value]).className = openClass;
_this.$(divs[this.value]).style.display = "block";
} /*闭环处理*/
}
 
},
$:function(obj)
{
if(typeof(obj) == "string")
return document.getElementById(obj);
return obj;
} /*此处不要添加逗号,否则IE不支持*/
}
注:有空会完善。


相关文档:

JavaScript实现水平选项卡效果

首先在body中加入以下HTML内容:
<div id="panel">
 <div id="top">
        <ul id="menu">
            <li id="1">Home</li>
 &nbs ......

javascript开发系列(DOM操作)

选择元素:document.getElementsByTagName,document.getElementsById,document.getElementsByName。
               firstChild,lastChild,nextSibling,previousSibling
创建元素:document.createElement(),appendChild();
删除元素:removeC ......

用Javascript动态添加删除HTML元素实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!-- 
function $(nodeId) { 
re ......

JAVASCRIPT动态的为元素添加事件

现在感觉js很好很强大,随着深入的学习,你就会不会拒绝在客户端使用js。之前也在网上找了点资料,一起看看。
 
value="我是 button" /> 
动态添加onclick事件: 
<input type="button" value="我是 button" id="bu"> 
<script type="text/javascript"> 
var bObj=document. ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号