仿百度焦点轮换兼容各种IE(2)
来源：未知 责任编辑：责任编辑 发表时间:2014-05-20 18:33 点击:次
</script>
</head>
<style>
/*--scrolling image--*/
.scrollingimg{width:228px; background:#EBEBEB; position:relative; text-align:center}
.imgview{clear:both; width:228px; height:162px; text-align:center}
.imgnav{width:65px; height:20px; position:absolute; bottom:25px; right:0; text-align:center; overflow:hidden; margin-right:3px; margin-bottom:2px}
.imgtitle{ height:24px; overflow:hidden; text-align:center; padding:0 3px;}
.imgview a{text-decoration:none; font-size:0;}
.imgview img{width:226px; height:160px;}
.imgnav a.navbtn{display:block; font:bold 12px/20px normal; float:right; width:20px; height:20px; text-decoration:none; color:#000; cursor:pointer; filter:alpha(opacity=50); opacity:0.5;}
.imgnav a.navbtn:link, .imgnav a.navbtn:visited{background:#000; color:#fff;}
.imgnav a.navbtn:hover{background:#ff0; color:#000;}
.imgnav a.navbtn:active{background:#bbb; color:#000;}
.imgnav a.curbtn:link, .imgnav a.curbtn:visited{background:#EBEBEB; color:#000; font-weight:bold;}
.imgtitle a{font:bold 14px/24px normal; }
.imgtitle a:link, .imgtitle a:visited{color:#000; text-decoration:none;}
.imgtitle a:hover{text-decoration:underline;}
</style>
<body>
<br><br><br><br><br><br><br>
<table><tr>
<td width="103">sdfsdf</td>
<td width="896" align="center">
<div class="scrollingimg" id="scrollingImg">
<div class="imgview" id="imgView">
<a href="" target="_blank">
<img class="firstimg" alt="" border="0">
</a>
</div>
<div class="imgnav" id="imgNav">
<a class="navbtn" index="3" href="javascript:void(0)">3</a>
<a class="navbtn" index="2" href="javascript:void(0)">2</a>
<a class="navbtn" index="1" href="javascript:void(0)">1</a>
</div>
<div class="imgtitle" id="imgTitle">
<a href="" target="_blank"></a>
</div>
<div style="clear:both;"></div>
</div>
<script type="text/javascript" language="javascript">
<!--
var imgList = [];
imgList.push({
'title':'俄出售4架战机 每架仅5美元',
'url':'http://intl.ce.cn/qqss/200908/08/t20090808_19736996.shtml',
'imgUrl':'http:///photo/upload/2012261511532012.jpg'
});
imgList.push({
'title':'亿万富豪为父祝寿请上万宾客',
'url':'http://focus.scol.com.cn/zgsz/20090808/20098835724.htm',
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>
