style type="text/css">
.FLASH_DIV_CLASS_WIDE
{
width: 500PX;
height: 220PX;
}
.FLASJ_DIV_CLASS_TOP
{
width: 500PX;
height: 200PX;
}
.FLASJ_DIV_CLASS_TIT
{
width: 500PX;
height: 20PX;
}
.FLASJ_DIV_CLASS_TIT UL
{
margin: 0px;
padding: 0px;
}
.FLASJ_DIV_CLASS_TIT LI
{
width: 30px;
height: 20px;
float: right;
list-style: none;
font-family: Arial;
font-size: 12px;
}
.a
{
background-color: White;
}
.b
{
background-color: InactiveBorder;
}
.c
{
background-color: Yellow;
}
</style>
<script type="text/javascript">
/*
class name Js_Flash
*/
var Js_Flash = function() { };
var bl = true;
var index = 0; //控制图片循环;
Js_Flash.arryImg = []; //图片属性{src,link};
Js_Flash.arryImg[0] = {
src: "INDEX_FLASH/IMG/action.jpg",
link: "b"
};
Js_Flash.arryImg[1] = {
src: "INDEX_FLASH/IMG/customerservice.jpg",
link: "bb"
};
Js_Flash.arryImg[2] = {
src: "INDEX_FLASH/IMG/往返.jpg",
link: "ccc"
}; Js_Flash.prototype.ExeFlash = function() {
$("#FLASH_DIV_CLASS_WIDE ul li").click(function() {
bl = false;
index = $(this).text();
$("#FLASH_DIV_CLASS_WIDE").css("background-image", "url(" + Js_Flash.arryImg[index - 1].src + ")"); });
$("#FLASH_DIV_CLASS_WIDE ul li").mouseout(function() {
bl = true;
});
if (index == Js_Flash.arryImg.length) index = 0;
$("#FLASH_DIV_CLASS_WIDE").css("background-image", "url(" + Js_Flash.arryImg[index].src + ")");
index++;
if (bl) {
setTimeout("Js_Flash.prototype.ExeFlash()", 5000);
}
}
$(function() {
var flash = new Js_Flash();
flash.ExeFlash(); });
</script>
<div class="FLASH_DIV_CLASS_WIDE" id="FLASH_DIV_CLASS_WIDE">
<div class="FLASJ_DIV_CLASS_TOP">
</div>
<div class="FLASJ_DIV_CLASS_TIT" id="FLASH_DIV_CLASS_WIDE">
<ul>
<li class="a">3</li>
<li class="b">2</li>
<li class="c">1</li>
</ul>
</div>
</div>希望有大侠能帮我解决!万分感激~~~]
.FLASH_DIV_CLASS_WIDE
{
width: 500PX;
height: 220PX;
}
.FLASJ_DIV_CLASS_TOP
{
width: 500PX;
height: 200PX;
}
.FLASJ_DIV_CLASS_TIT
{
width: 500PX;
height: 20PX;
}
.FLASJ_DIV_CLASS_TIT UL
{
margin: 0px;
padding: 0px;
}
.FLASJ_DIV_CLASS_TIT LI
{
width: 30px;
height: 20px;
float: right;
list-style: none;
font-family: Arial;
font-size: 12px;
}
.a
{
background-color: White;
}
.b
{
background-color: InactiveBorder;
}
.c
{
background-color: Yellow;
}
</style>
<script type="text/javascript">
/*
class name Js_Flash
*/
var Js_Flash = function() { };
var bl = true;
var index = 0; //控制图片循环;
Js_Flash.arryImg = []; //图片属性{src,link};
Js_Flash.arryImg[0] = {
src: "INDEX_FLASH/IMG/action.jpg",
link: "b"
};
Js_Flash.arryImg[1] = {
src: "INDEX_FLASH/IMG/customerservice.jpg",
link: "bb"
};
Js_Flash.arryImg[2] = {
src: "INDEX_FLASH/IMG/往返.jpg",
link: "ccc"
}; Js_Flash.prototype.ExeFlash = function() {
$("#FLASH_DIV_CLASS_WIDE ul li").click(function() {
bl = false;
index = $(this).text();
$("#FLASH_DIV_CLASS_WIDE").css("background-image", "url(" + Js_Flash.arryImg[index - 1].src + ")"); });
$("#FLASH_DIV_CLASS_WIDE ul li").mouseout(function() {
bl = true;
});
if (index == Js_Flash.arryImg.length) index = 0;
$("#FLASH_DIV_CLASS_WIDE").css("background-image", "url(" + Js_Flash.arryImg[index].src + ")");
index++;
if (bl) {
setTimeout("Js_Flash.prototype.ExeFlash()", 5000);
}
}
$(function() {
var flash = new Js_Flash();
flash.ExeFlash(); });
</script>
<div class="FLASH_DIV_CLASS_WIDE" id="FLASH_DIV_CLASS_WIDE">
<div class="FLASJ_DIV_CLASS_TOP">
</div>
<div class="FLASJ_DIV_CLASS_TIT" id="FLASH_DIV_CLASS_WIDE">
<ul>
<li class="a">3</li>
<li class="b">2</li>
<li class="c">1</li>
</ul>
</div>
</div>希望有大侠能帮我解决!万分感激~~~]
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货