<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style type="text/css">* {
margin: 0px;
padding: 0px;
font-size: 14px;
}
div.LunBo {
position: relative;
list-style-type: none;
height: 380px;
width: 1110px;
}
div.LunBo ul li {
position: absolute;
height: 380px;
width: 1110px;
left: 0px;
top: 0px;
display: none;
}
div.LunBo ul li.CurrentPic {
display: block;
}
div.LunBo div.LunBoNum {
position: absolute;
left: 987px;
bottom:px;
width: 94px;
text-align: right;
background-color: #FFFFFF;
padding-left: 10px;
height: 35px;
top: 270px;
visibility: hidden;
}
div.LunBo div.LunBoNum span {
height: 20px;
width: 15px;
display: block;
line-height: 20px;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
float: left;
cursor: pointer;
}
div.LunBo div.LunBoNum span.CurrentNum {
background-color: #3F6;
}
</style>
</p>
<p> </p>
<div class="LunBo">
<ul>
<li class="CurrentPic"><a href="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/24/459992231.jpg"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/566884602.jpg" width="1100" /></a></li>
<li class="CurrentPic"><a href="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/24/459992231.jpg"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/566884602.jpg " width="1100" /></a></li>
<li class="CurrentPic"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/506769871.jpg" width="1100" /></li>
<li class="CurrentPic"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/523652069.jpg" width="1100" /></li>
<li class="CurrentPic"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/506769871.jpg" width="1100" /></li>
</ul>
<div class="LunBoNum"><span class="CurrentNum"> </span> <span> </span> <span> </span> <span> </span> <span> </span></div>
</div>
<script type="text/javascript" language="javascript">
var PicTotal = 5;
var CurrentIndex;
var ToDisplayPicNumber = 0;
$("div.LunBo div.LunBoNum span").click(DisplayPic);
function DisplayPic() {
// ??是父?的第几?儿子
CurrentIndex = $(this).index();
// ?除所有同?兄弟的??性
$(this).parent().children().removeClass("CurrentNum")
// ??前元素添加?
$(this).addClass("CurrentNum");
// ?藏全部?片
var Pic = $(this).parent().parent().children("ul");
$(Pic).children().hide();
// ?示指定?片
$(Pic).children("li").eq(CurrentIndex).show();
}
function PicNumClick() {
$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");
ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;
setTimeout("PicNumClick()",6000);
}
setTimeout("PicNumClick()",5000);
</script>
<p>
</p>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style type="text/css">* {
margin: 0px;
padding: 0px;
font-size: 14px;
}
div.LunBo {
position: relative;
list-style-type: none;
height: 380px;
width: 1110px;
}
div.LunBo ul li {
position: absolute;
height: 380px;
width: 1110px;
left: 0px;
top: 0px;
display: none;
}
div.LunBo ul li.CurrentPic {
display: block;
}
div.LunBo div.LunBoNum {
position: absolute;
left: 987px;
bottom:px;
width: 94px;
text-align: right;
background-color: #FFFFFF;
padding-left: 10px;
height: 35px;
top: 270px;
visibility: hidden;
}
div.LunBo div.LunBoNum span {
height: 20px;
width: 15px;
display: block;
line-height: 20px;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
float: left;
cursor: pointer;
}
div.LunBo div.LunBoNum span.CurrentNum {
background-color: #3F6;
}
</style>
</p>
<p> </p>
<div class="LunBo">
<ul>
<li class="CurrentPic"><a href="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/24/459992231.jpg"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/566884602.jpg" width="1100" /></a></li>
<li class="CurrentPic"><a href="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/24/459992231.jpg"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/566884602.jpg " width="1100" /></a></li>
<li class="CurrentPic"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/506769871.jpg" width="1100" /></li>
<li class="CurrentPic"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/523652069.jpg" width="1100" /></li>
<li class="CurrentPic"><img height="380" src="http://web1.hshs.chc.edu.tw/ezfiles/1/1001/img/76/506769871.jpg" width="1100" /></li>
</ul>
<div class="LunBoNum"><span class="CurrentNum"> </span> <span> </span> <span> </span> <span> </span> <span> </span></div>
</div>
<script type="text/javascript" language="javascript">
var PicTotal = 5;
var CurrentIndex;
var ToDisplayPicNumber = 0;
$("div.LunBo div.LunBoNum span").click(DisplayPic);
function DisplayPic() {
// ??是父?的第几?儿子
CurrentIndex = $(this).index();
// ?除所有同?兄弟的??性
$(this).parent().children().removeClass("CurrentNum")
// ??前元素添加?
$(this).addClass("CurrentNum");
// ?藏全部?片
var Pic = $(this).parent().parent().children("ul");
$(Pic).children().hide();
// ?示指定?片
$(Pic).children("li").eq(CurrentIndex).show();
}
function PicNumClick() {
$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");
ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;
setTimeout("PicNumClick()",6000);
}
setTimeout("PicNumClick()",5000);
</script>
<p>
