您现在的位置: 爱51代码网 >> 范文 >> 文章正文
一个简单实用的轮播器源代码
" href="#">2</a> 
19.<a id="itemNav2" href="#">3</a> 
20.</div> 
21.<div id="playerBoxItemCon"> 
22.<a id="item0" href="#"><img src="http-//www.baidu-com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif"  width="100%" height="200" border="0"></a> 
23.<a id="item1" href="#"><img src="http-//csdnimg.cn/www/images/csdnindex_logo.gif" width="100%" height="200" border="0"></a> 
24.<a id="item2" href="#"><img src="http-//avatar.csdn.net/5/1/9/1_shenzhennba.jpg" width="100%" height="200" border="0"></a> 
25.</div> 
26.</div> 
27.<p> </p> 
28.<p>项目循环轮播功能</p> 
29.<script language="javascript" type="text/javascript"> 
30.window.onload=function(){ 
31.itemPlayerApp.init('playerBox',3000,300,200); 
32.itemPlayerApp.appActive(); 
33.} 
34.</script> 
35.</body> 
36.</html> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http-//www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TEST</title>
<script language="javascript" type="text/javascript" src="http-//ajax.googleapis-com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="itemPlayerApp.js"></script>
<style type="text/css">
*{font-family:"宋体",verdana,arial; font-size:12px;color:#000000;}
#playerBox{font-family:"宋体",verdana,arial; font-size:12px;color:#000000;}
</style>
</head>
<body>
<div id="playerBox" class="columnLeft01 box02">
<div id="playerBoxNavCon">
<a id="itemNav0" href="#">1</a>
<a id="itemNav1" href="#">2</a>
<a id="itemNav2" href="#">3</a>
</div>
<div id="playerBoxItemCon">
<a id="item0" href="#"><img src="http-//www.baidu-com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif"  width="100%" height="200" border="0"></a>
<a id="item1" href="#"><img src="http-//csdnimg.cn/www/images/csdnindex_logo.gif" width="100%" height="200" border="0"></a>
<a id="item2" href="#"><img src="http-//avatar.csdn.net/5/1/9/1_shenzhennba.jpg" width="100%" height="200" border="0"></a>
</div>
</div>
<p> </p>
<p>项目循环轮播功能</p>
<script language="javascript" type="text/javascript">
window.onload=function(){
itemPlayerApp.init('playerBox',3000,300,200);
itemPlayerApp.appActive();
}
</script>
</body>
</html>

提示: jQuery.js 的文件请网上自己下载, 

在使用到的时候直接使用即可,^=^

上一页  [1] [2] [3] [4] [5] [6] 

  • 上一篇文章:

  • 下一篇文章: 没有了
  • 最新文章 热点文章 相关文章
    mysql主从同步延迟方案解决的学习
    青岛科学六年级下册教材分析
    生日旅行总结
    中小板生日快乐随感
    送生日快乐桑葚乳酪小蛋糕
    写给女儿的生日快乐
    总分公司财务核算
    恢复使用繁体字可行性研究报告
    青少年吸烟心理探析
    保险受益人制度相关问题的探讨
    mysql主从同步延迟方案解决的学习
    生日旅行总结
    中小板生日快乐随感
    送生日快乐桑葚乳酪小蛋糕
    写给女儿的生日快乐
    总分公司财务核算
    恢复使用繁体字可行性研究报告
    保险受益人制度相关问题的探讨
    初中生地理读图能力培养的研究
    搞笑生日祝福
    js只能输入数字和小数点的文
    ExtJS & GTGrid 简单用户管理
    设置<img>在表格<table>中的
    Android init进程启动过程分
    应用内购买 In-App Purchase
    Android之Activity的taskAff
    Redis系列-key相关主要操作函
    Redis存储篇sorted set主要操
    把oracle rac 转化为单机数据
    sqlplus spool 到动态日志文
     



    设为首页 | 加入收藏 | 网站地图 | 友情链接 |