|
nbsp;
$(this).mouseover(function(){
_this.playData=i+'xstop';
_this.appTab(i);
});
$(this).mouseout(function(){
_this.playData=i+'xplay';
_this.appTab(i);
});
});
}
};二，如何使用：
1, 需要使用的web页面中引入jQery文件和本 itemPlayerApp.js 文件，例如:
[javascript] view plaincopyprint?
01.<script language="javascript" src="xpath/itemPlayer.js"></script>
<script language="javascript" src="xpath/itemPlayer.js"></script>2，建立如下格式的HTML文件
<div id="containerID">
<div id="containerIDNavCon">
<a id="itemNav0" class="item1" href="#">1</a>
<a id="itemNav1" class="item1" href="#">2</a>
<a id="itemNav2" class="item1" href="#">3</a>
</div>
<div id="containerIDItemCon">
<a id="item0" href="#"><img src="img/pic0.jpg" width="300" height="200"></a>
<a id="item1" href="#"><img src="img/pic1.jpg" width="300" height="200"></a>
<a id="item2" href="#"><img src="img/pic2.jpg" width="300" height="200"></a>
</div>
</div>
注意：因为尽量简单，所以需要建立适当格式的HTML,主要要求如下，注意颜色部分，
//A, id = containerIDNavCon和 id = containerIDItemCon 中的连接 A 元素的数量应该相等；
//B, 导航容器的 ID 构成应为主容器 ID 加上 NavCon，如上 containerIDNavCon；
//C, 导航容器中的每个 A 元素的 ID 构成为，itemNav 加上以0开始的递增数字序列，如上面的绿色部分；
//D, 显示项目容器内的每个 A 元素的 ID 构成为，item 加上以0开始的递增数字序列，如上面的紫色部分；
3, 在WEB页面中的加载事件onload，初始化和启用该轮播功能，例如:
window.onload=function(){
itemPlayerApp.init('containerID',3000,300,200);
itemPlayerApp.active();
}
三，如下一个例子，
假如所有文件都放在一个文件夹里，
[html] view plaincopyprint?
01.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
02."http-//www.w3.org/TR/html4/loose.dtd">
03.<html>
04.<head>
05.<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
06.<title>TEST</title>
07.<script language="javascript" type="text/javascript" src="http-//ajax.googleapis-com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
08.<script language="javascript" type="text/javascript" src="itemPlayerApp.js"></script>
09.<style type="text/css">
10.*{font-family:"宋体",verdana,arial; font-size:12px;color:#000000;}
11.#playerBox{font-family:"宋体",verdana,arial; font-size:12px;color:#000000;}
12.</style>
13.</head>
14.<body>
15.<div id="playerBox" class="columnLeft01 box02">
16.<div id="playerBoxNavCon">
17.<a id="itemNav0" href="#">1</a>
18.<a id="itemNav1
上一页 [1] [2] [3] [4] [5] [6] 下一页
| 