TOM网站娱乐头新闻代码，推荐！_另类网页特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 另类网页特效 >> TOM网站娱乐头新闻代码	查看此特效演示

TOM网站娱乐头新闻代码，推荐！

把如下代码复制到<head>与</head>之间

把如下代码复制到<body>与</body>之间

<DIV id=t_l>
<DIV id=t_l1>
<DIV id=t_l1_in1>
<DIV id=l1_in1_txt><A href="http://ent.tom.com/newspic/pic_list.html" target=_blank style="font-size:12px;color:#000000;text-decoration: none;">今日焦点</A></DIV>
</DIV>
<SCRIPT language=javascript type=text/javascript>
var imgUrl=new Array();
var imgLink=new Array();

//第1幅图
imgUrl[1]="http://ent.tom.com/uldf/2007/1226/wanghaiping/071226whp7.jpg";
imgLink[1]="http://ent.tom.com/2007-12-26/000E/02206309.html";

//第2幅图
imgUrl[2]="http://ent.tom.com/uldf/2007/1226/lujiyan/tom_st232.jpg";
imgLink[2]="http://ent.tom.com/2007-12-25/0PVD/12689572.html";

//第3幅图
imgUrl[3]="http://ent.tom.com/uldf/2007/1226/fangjinming/071226hot2.jpg";
imgLink[3]="http://ent.tom.com/zhuanti/m/eurofilm.html";

//第4幅图
imgUrl[4]="http://ent.tom.com/uldf/2007/1225/wangxuedan/ent1.jpg";
imgLink[4]="http://ent.tom.com/2007hero/talk.html";

//第5幅图
imgUrl[5]="http://ent.tom.com/uldf/2007/1225/lisiyao/laotai.jpg";
imgLink[5]="http://ent.tom.com/test/index.html";

//第6幅图
imgUrl[6]="http://ent.tom.com/uldf/2007/1226/fanbinbin/shoutu1.jpg";
imgLink[6]="http://www.12530.com/tpl/phb/phb.jsp";

var num_pic=6;
var time1 = 0; //打开页面时等待图片载入的时间，单位为秒，可以设置为0
var time2 = 5; //图片轮转的间隔时间

var timeout1 = time1*1000;
var timeout2 = time2*1000;
var nn;
nn=1;//初始焦点
var curFileNum = 1;//传递给myPlayer对象 表示目前焦点序列值
if(navigator.appName == "Microsoft Internet Explorer"){
	setTimeout('change_img()',timeout1);
}
function change_img(){
	if(nn>num_pic) nn=1;
	setTimeout('setFocus2('+nn+')',timeout1);
	nn++;
	tt=setTimeout('change_img()',timeout2);
}
function setFocus2(m){
	curFileNum = m;
	selectLayer1(m);
	imgInit.filters.revealTrans.Transition=23;
	imgInit.filters.revealTrans.apply();
    playTran();
	document.images.imgInit.src=imgUrl[m];

}
function setFocus1(m){
	nn = m;
	ln=m;
	curFileNum = m;
	selectLayer1(m);
	setFocus2(m);
}
function selectLayer1(m){
	for (a=1;a<num_pic+1;a++ )
	{
	document.images['fi_'+a].src='butong_net_n'+a+'_off.gif';
	}
	document.images['fi_'+m].src='butong_net_n'+m+'_on.gif';
}
function goUrl(){
ln=nn;
if (ln ==1)
{
jumpUrl=imgLink[ln];
}else
{
jumpUrl=imgLink[ln-1];
}
	jumpTarget='_blank';
	if (jumpUrl != ''){
		if (jumpTarget != '') 
			window.open(jumpUrl,jumpTarget);
		else
			location.href=jumpUrl;
	}
}
function playTran(){
	if (document.all)
		imgInit.filters.revealTrans.play();
}
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); 
    } 
} 
</SCRIPT>

<SCRIPT language=JavaScript>
document.write('<div id="t_l1_in2"><a href="javascript:goUrl()"><img src="'+imgUrl[1]+'" width="350" name="imgInit" height="200" border="0" style="FILTER: revealTrans(duration=2,transition=6)"></a></DIV>');
document.write('<div id="t_l1_in3"><div id=l1_in3_1>');
for (m=1;m<num_pic+1;m++ )
{
document.write('<A href=javascript:setFocus1('+m+');><IMG height=18 src=butong_net_n'+m+'_off.gif width=18 border=0 name=fi_'+m+'></A> ');
}
document.write('</div><div id="l1_in3_2"><img src="butong_net_3.gif" width=12 height=11 hspace=5 align=absmiddle><a href="http://ent.tom.com/newspic/pic_list.html" target="_blank">更多</a></div></div>');

document.images.imgInit.src=imgUrl[1];
</SCRIPT>
</DIV>
</DIV>

该特效所需的图片素材，点击下载

使用说明：请先下载上面的图片素材压缩包并解压出里面的图片，然后将素材图片与你的网页放在同一个目录中，新闻代码中的图片、链接及图片轮转的间隔时间可在<body>代码部分修改，浏览代码中的注释即可。

上一个特效：TOM网站娱乐头新闻代码2

返回列表

下一个特效：网页中随时显示文本