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内置的排序函数。
<!DOCTYPE window PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- ......
<script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD,iwidth,iheight){
//参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src; ......
//复制所选表格的数据到剪贴板 作者:xx
function copyData(){
var content = "";
var tbl = getTbl();
//获取所选的所有数据
for(j = start_Row; j <= end_Row; j++)
{
for(i = start_Col; i <= end_Col; i++)
{
content += (tbl.rows[j].cells[i].childNodes[0].value);
if(i != end_ ......
这句话是:prototype中定义的是对象实例要访问的属性或方法的一个替补。
举例说明一下:
//1)定义了一个对象:
function A()
{
//给对象定义一个属性
this.f1="this is f1";
}
//2)我们可以这样使用对象:
var a = new A();
alert(a.f1)//弹出消息:this is f1
//3)我们可以扩展对象:
A.prot ......