web实验1学习

1.

text-decoration属性：

none:默认，定义标准的文本。

underline：定义文本下的一条线。

overline：定义文本上的一条线。

line-through：定义穿过文本下的一条线。

blink：定义闪烁的文本。

2.setTimeout(函数名，时间);  表示在多长时间后重新执行函数。

3.点击链接显示不同页面：

function showTab(tabHeadId,tabContentId)
{
//tab层
var tabDiv = document.getElementById("tabDiv");
//将tab层中所有的内容层设为不可见
//遍历tab层下的所有子节点
var taContents = tabDiv.childNodes;
for(i=0; i<taContents.length; i++)
{
//将所有内容层都设为不可见
if(taContents[i].id!=null && taContents[i].id != 'tabsHead')
{
taContents[i].style.display = 'none';
}
}
//将要显示的层设为可见
document.getElementById(tabContentId).style.display = 'block';
//遍历tab头中所有的超链接
var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
for(i=0; i<tabHeads.length; i++)
{
//将超链接的样式设为未选的tab头样式
tabHeads[i].className='tabs';
}
//将当前超链接的样式设为已选tab头样式
document.getElementById(tabHeadId).className='curtab';
document.getElementById(tabHeadId).blur();
}

可以在body中定义<a id="tabs1" class="curtab" href="javascript:showTab('tabs1','tabContent1')">基本资料</a> <div>的id就是tabContent1，显示的就是这里面的内容

4.自动播放图片函数：

var count=3;
var myArray=new Array(count);
myArray[0]="吃饭";
myArray[1]="学习";
myArray[2]="睡觉";
var c;
function changImg(i){
var img=document.getElementById("img");
var txt=document.getElementById("imgTitle");
img.src=(i+1)+".jpg";
txt.innerHTML=myArray[i];
c=i+1;
if(c>(count-1)){
c=0;
setTimeout("changImg(0)",2000);
}else{
setTimeout("changImg(c)",2000)
}
}

在html中定义img和<p>，在上面函数中输入就可以了。