//CSS样式
#f_div {
BORDER-TOP: #fff 1px solid; OVERFLOW: hidden; WIDTH: 262px; HEIGHT: 197px
}
#f_img {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FILTER: revealTrans(duration=1,transition=6); BORDER-LEFT: #000 1px solid; WIDTH: 260px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 195px
}
#f_buttonDiv {
RIGHT: 1px; OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; TOP: -15px; HEIGHT: 14px
}
#all_button {
BACKGROUND: #fff
}
#f_line {
FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); FLOAT: right; WIDTH: 100px; BACKGROUND-COLOR: #000
}
#f_buttonDiv A {
PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; FLOAT: right; PADDING-BOTTOM: 0px! important; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 22px; COLOR: #fff; PADDING-TOP: 1px; HEIGHT: 14px
}
#f_buttonDiv A:link {
BACKGROUND: #000
}
#f_buttonDiv A:visited {
BACKGROUND: #000
}
#f_buttonDiv A:active {
BACKGROUND: #000
}
#f_buttonDiv A:hover {
BACKGROUND: #ff840c
}
#f_buttonDiv A.on:link {
BACKGROUND: #ff840c
}
#f_buttonDiv A.on:visited {
BACKGROUND: #ff840c
}
#f_buttonDiv A.on:active {
BACKGROUND: #ff840c
}
#f_buttonDiv A.on:hover {
BACKGROUND: #ff840c
}
#button_bg A {
TEXT-ALIGN: center
}
#f_text {
DISPLAY: none
}
//JS代码块
<SCRIPT>
var imgUrl = new Array();
var imgText = new Array();
var imgLink = new Array();
var imgAlt= new Array();
var imgWidth=260;
var imgHeight=195;
var _timeOut_=4000; //时间值
var timeOut=_timeOut_;
var timeOut2=_timeOut_/2; //onmouseout img后需要切换的时间
var now=0;
var firstTime=true;
var target="_blank"; //打开方式
var ver=2; //兼容浏览器版本 默认2 为非ie
imgUrl[0]=’http://localhost:1549/ASPProject/Images/IndexImage/图片框/1.jpg’;
imgLink[0]=’http://localhost:1549/ASPProject/index.aspx’;
imgAlt[0]=’图片文字介绍’;
imgUrl[1]=’http://localhost:1549/ASPProject/Images/IndexImage/图片框/2.jpg’;
imgLink[1]=’http://localhost:1549/ASPProject/index.aspx’;
imgAlt[1]=’图片文字介绍’;
imgUrl[2]=’http://localhost:1549/ASPProject/Images/IndexImage/图片框/3.jpg’;
imgLink[2]=’http://localhost:1549/ASPProject/index.aspx’;
imgAlt[2]=’图片文字介绍’;
imgUrl[3]=’http://localhost:1549/ASPProject/Images/IndexImage/图片框/4.jpg’;
imgLink[3]=’http://localhost:1549/ASPProject/index.aspx’;
imgAlt[3]=’图片文字介绍’;
imgUrl[4]=’http://localhost:1549/ASPProject/Images/IndexImage/图片框/5.jpg’;
imgLink[4]=’http://localhost:1549/ASPProject/index.aspx’;
imgAlt[4]=’QVGA手机壁纸第二十八期: 梦幻风景’;
var count=0;
for (i=0;i<imgUrl.length;i++) {
if( (imgUrl[i]!="") && (imgText[i]!="")&& (imgLink[i]!="")&& (imgAlt[i]!="")) {
count++;
} else {
break;
}
}
function change(){
if (ver==1){
with(eval(‘f_img’).filters.revealTrans){
Transition=6;
apply();
play();
}
}
if (firstTime){ firstTime=false;timeOut=_timeOut_/2;}
else{
f_img.src=imgUrl[now];
f_img.alt=imgAlt[now];
var f_imgLink = document.getElementById(‘f_imgLink’);
f_imgLink.href=imgLink[now];
f_text.innerHTML=imgText[now];
for (var i=0;i<count;i++) {eval(‘b’+i).className="button";}
eval(‘b’+now).className="on";
now=(now>=imgUrl.length-1)?0:now+1;
timeOut=_timeOut_;
}
theTimer=setTimeout("change()", timeOut);
}
function b_change(num){
window.clearInterval(theTimer);
now=num;
firstTime=false;
change();
}
try{ //ie版本
new ActiveXObject("DXImageTransform.Microsoft.revealTrans");
ver=1;
}
catch (e){ver=2;}
//表现层 start
with(document){
write(‘<div id="f_div">’);
write(‘<div id="f_imgDiv">’);
write(‘<a id="f_imgLink" target=’+target+’ href="’+imgLink[now]+’">’);
write(‘<img id="f_img" width=’+imgWidth+’ height=’+imgHeight+’ src="’+imgUrl[now]+’" alt="’+imgAlt[now]+’">’);
write(‘</a>’);
write(‘</div>’);
write(‘<div id="f_buttonDiv">’);
write(‘<div id="button_bg">’);
for (var i=count;i>0;i–){
if(i==now+1){write(‘<a id="b’+(i-1)+’" class="on" target="_self" href="javascript:b_change(‘+(i-1)+’)" onfocus="blur()" title="’+imgAlt[(i-1)]+’">’+i+’</a>’);}
else{write(‘<a id="b’+(i-1)+’" target="_self" href="javascript:b_change(‘+(i-1)+’)" onfocus="blur()" title="’+imgAlt[(i-1)]+’">’+i+’</a>’);}
}
write(‘</div>’);
if (ver==1){write(‘<div id="f_line"></div>’);}
write(‘</div>’);
write(‘<div id="f_text">’);
write(imgText[now]);
write(‘</div>’);
write(‘</div>’);
}
//表现层 end
var f_img=document.getElementById(‘f_img’);
f_img.onmouseover=function(){window.clearInterval(theTimer);}
f_img.onmouseout=function(){theTimer=setTimeout("change()", timeOut2);}
var theTimer = setTimeout("change()", _timeOut_/2);
</SCRIPT>