<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<script language=
"javascript"
src=
"inc/jquery-1.4.2.js"
></script>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<title>无标题文档</title>
</head>
<style type=
"text/css"
>
#butt div{
width:122px; height:32px; float:left; text-align:center;
}
</style>
<script language=
"javascript"
>
function
tab_q(now_id)
{
if
(now_id == null)
{
c_show_id = $(
"#cont"
).find(
"div:visible"
).attr(
"id"
);
nums_id = c_show_id.substring(1,3);
b_show_id =
"b"
+ nums_id;
nums_next = parseInt(nums_id)+1
if
(nums_next<=8)
{
}
else
{
nums_next = 1
}
}
else
{
nums_next = now_id.substring(1,3);
}
$(
"#cont div"
).hide();
$(
"#butt div"
).css({border:
'#FF0000 0px solid'
});
$(
"#c"
+nums_next).fadeIn()
$(
"#b"
+nums_next).css({border:
'#FF0000 1px solid'
});
}
$(
function
(){
auto = setInterval(
"tab_q()"
,2000);
$(
"#cont div"
).each(
function
(i,n){
$(n).hover(
function
(){
clearInterval(auto) },
function
(){auto=setInterval(
"tab_q()"
,2000); }
)
})
$(
"#butt div"
).each(
function
(i,n){
$(n).hover(
function
(){
clearInterval(auto);
tab_q($(this).attr(
"id"
))
},
function
(){auto=setInterval(
"tab_q()"
,2000); }
)
})
})
</script>
<body>
<div style=
"width:980px; height:275px;"
>
<div style="width:980px; height:241px; overflow:hidden;
text-align:center
" id="
cont">
<div style=
"width:980px; height:241px; text-align:center"
id=
"c1"
><img src=
"images/xmjz.jpg"
width=
"980"
/>
</div>
<div style="width:980px; height:241px; display:none;
text-align:center
" id="
c2">
<img src=
"images/4037.jpg"
width=
"980"
height=
"241"
/>
</div>
<div style="width:980px; height:241px; display:none;
text-align:center
" id="
c3
"><img src="
images/4041.jpg"
width=
"980"
height=
"241"
/></div>
<div style="width:980px; height:241px; display:none;
text-align:center
" id="
c4">
<img src=
"images/xmjz.jpg"
width=
"980"
/>
</div>
<div style="width:980px; height:241px;
display:none;text-align:center
" id="
c5">
<img src=
"images/xmjz.jpg"
width=
"980"
/>
</div>
<div style="width:980px; height:241px;
display:none;text-align:center
" id="
c6">
<img src=
"images/xmjz.jpg"
width=
"980"
/>
</div>
<div style="width:980px; height:241px;
display:none;text-align:center
" id="
c7">
<img src=
"images/xmjz.jpg"
width=
"980"
/>
</div>
<div style="width:980px; height:241px;
display:none;text-align:center
" id="
c8">
<img src=
"images/xmjz.jpg"
width=
"980"
/>
</div>
</div>
<div style=
"width:980px; height:31px; border:#FF0000 0px solid"
id=
"butt"
>
<div style=
"background-image:url(images/xmbtn_1.png)"
id=
"b1"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b2"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b3"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b4"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b5"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b6"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b7"
>
</div>
<div style=
"background-image:url(images/xmbtn_2.png)"
id=
"b8"
>
</div>
</div>
</div>
</body>
</html>