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不支持*/
}
注:有空会完善。
相关文档:
//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
function isRegisterUserName(s)
{
v ......
选择元素:document.getElementsByTagName,document.getElementsById,document.getElementsByName。
firstChild,lastChild,nextSibling,previousSibling
创建元素:document.createElement(),appendChild();
删除元素:removeC ......
javascript捕获窗口关闭事件有两种方法
1.用javascript重新定义 window.onbeforeunload() 事件
在javascript里定义一个函数即可
function window.onbeforeunload() { alert("关闭窗口")}
alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口
function window.o ......
现在感觉js很好很强大,随着深入的学习,你就会不会拒绝在客户端使用js。之前也在网上找了点资料,一起看看。
value="我是 button" />
动态添加onclick事件:
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document. ......