<!--#include file="conn.asp"-->
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style><table width="238" height="190" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle"><div align="center">
                        <script language="JavaScript" type="text/javascript"> 
<!-- 
var widths=238; //焦点图片宽 
var w=1; 
var widthss=widths+w; 
var heights=190; //焦点图片高 
var heightss=heightss+w; 
var heightt=20; 
var counts=6; //总条数 
//img1=new Image();在这里是声明了一个图片元素的对象 
//后面是对图像的属性进行赋值或设置,如imgs.src="xxxx.jpg"是指定图片的索引地址. 
//这个代码一般用于head区,用于预加载图片,即加快图片显示. 
//只有用new Images()得到的图片IE7才认, 
//而IE6和firefox可认得imgUrl[1]="/y9q9ms7lbgbt.jpg";得到的图片   
<% set rs=server.CreateObject("adodb.recordset")
rs.open"select * from xinwen where lb='翻动图片' order by id desc",conn,1,1
if not rs.eof then 
for i=1 to  6
%>
img<%=i%>=new Image();img<%=i%>.src='web/<%=rs("xtp")%>'; 
url<%=i%>=new Image();url<%=i%>.src='newsdetail.asp?id=<%=rs("id")%>&lb=<%=server.URLEncode(rs("lb"))%>'; 
txt<%=i%>=new Image();txt<%=i%>.txt='<%=rs("f01")%>'; 
alt<%=i%>=new Image();alt<%=i%>.alt='<%=rs("f01")%>'; 
<%
rs.movenext
if rs.eof then exit for
next 
end if 
%>

 

var nn=1; //当前所显示的滚动图 
var key=0; //标识是否为第一次开始执行 
var tt; //标识作用 

function change_img() 
{ 
if(key==0){key=1;} //如果第一次执行KEY=1，表示已经执行过一次了。 
else if(document.all)//document.all仅IE6/7认识，firefox不会执行此段内容 
{ 
document.getElementById("pic").filters[0].Apply(); //将滤镜应用到对像上 
document.getElementById("pic").filters[0].Play(duration=2); //开始转换 
document.getElementById("pic").filters[0].Transition=23;//转换效果 
} 

eval('document.getElementById("pic").src=img'+nn+'.src'); //替换图片 
eval('document.getElementById("pic").alt=alt'+nn+'.alt'); //替换图片 
eval('document.getElementById("url").href=url'+nn+'.src'); //替换URL 
eval('document.getElementById("title").value=txt'+nn+'.txt'); //替换ALT 

for (var i=1;i<=counts;i++) 
{ 
document.getElementById("xxjdjj"+i).className='axx'; //将下面黑条上的所有链接变为未选中状态 
} 
document.getElementById("xxjdjj"+nn).className='bxx'; //将当前页面的ID设置为选中状态 
nn++; 
if(nn>counts){nn=1;} //如果ID大于总图片数量。则从头开始循环 
tt=setTimeout('change_img()',5000); //在4秒后重新执行change_img()方法. 
} 
function changeimg(n)//点击黑条上的链接执行的方法。 
{ 
nn=n; //当前页面的ID等于传入的N值, 
window.clearInterval(tt); //清除用于循环的TT 
//重新执行change_img();但change_img()内所调用的图片ID已经在此处被修改,会从新ID处开始执行. 
change_img(); 
} 
//样式表 
document.write('<style>'); 
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;font-size:12px;}'); 
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font: bold 9px sans-serif;background-color:#7B7B63;}'); 
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font: bold 9px sans-serif;background-color:#009900;}'); 
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}'); 
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font: bold 9px sans-serif;background-color:#990000;}'); 
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font: bold 9px sans-serif;background-color:#ff9900;}'); 
document.write('</style>'); 
//内容部分 
document.write('<div style="width:'+widthss+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;float:center;">'); 
document.write('<div align=center><a id="url" target="_blank"><img id="pic" style="border:1px #cbcbcb solid;FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=2,transition=23)" width='+widths+' height='+heights+' /></a></div>'); 
document.write('<div style="filter:alpha(style=1,opacity=100,finishOpacity=90);background: #888888;width:100%-2px;text-align:right;top:-35px;position:relative;margin:1px;height:14px;border:0px;padding-top:1px;z-index:4000;"><div>'); 
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');} 
//document.write('</div></div></div>'); //调用标题. 
document.write('<div align=center><input id="title" type="txt" style="height:25px;background-color:#f2f6fb;border:0px solid #f2f6fb;width:'+widthss+'px;color:#666666;font-size:9pt;position:relative;padding-top:2;text-align:center; onclick="""></div>'); 
//document.write('</div>'); 
//开始执行滚动操作 
change_img(); 

//--> 
</script>
    </div></td>
  </tr>
</table>
