<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>图片轮显JS学习</title>
<style type="text/css">
.div{float:left;margin: 10px 10px 0 0;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
</style>
<script type="text/javascript" src="edgesunimgchange-min.js"></script>
<script type="text/javascript">
var tmp = self.location.search.length>1 ? parseInt(self.location.search.replace("?", "")) : 99;
</script>
</head>
<body>
EdgesunImgChange-min.js<br>
过渡效果:<span id="t"><a href="?99">随机</a></span><script type="text/javascript">var str = ''; for(var i=0; i<46; i++)str+= (tmp==i) ? ' <b>'+i+'</b>' : ' <a href="?'+i+'">'+i+'</a>'; document.getElementById("t").innerHTML += str;</script>
<div class="clear"></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 0, 0, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '中华人民共和国|美国|Japan|English United Kingdom|Frace');</script></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 1, 0, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '');</script></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 2, 0, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '中华人民共和国|美国|Japan|English United Kingdom|Frace');</script></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 3, 0, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '');</script></div>
<div class="clear"></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 0, 1, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '');</script></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 1, 1, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '中华人民共和国|美国|Japan|English United Kingdom|Frace');</script></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 2, 1, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '');</script></div>
<div class="div"><script type="text/javascript">NewEdgesunImgChange(215, 350, 3, 1, 3000, tmp, 'null.gif', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '1.jpg|2.jpg|3.jpg|4.jpg|5.jpg', '中华人民共和国|美国|Japan|English United Kingdom|Frace');</script></div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
edgesun焦点图(图片轮显)组件,支持IE/Firefox等
共10个文件
jpg:5个
js:2个
html:2个
3星 · 超过75%的资源 需积分: 9 21 下载量 40 浏览量
2010-10-27
15:49:22
上传
评论
收藏 67KB RAR 举报
温馨提示
edgesun焦点图组件,带示例,支持IE/firefox/chrome,在IE下可显示46种变化效果 调用简单,只需一行代码: NewEdgesunImgChange(imgWidth, imgHeight, titlePosition, indexFlag, waitTime, changeType, defImg, imgs, links, titles) 说明: imgWidth:图片宽度 imgHeight:图片高度 titlePosition:标题位置 0, 1, 2, 3 indexFlag:索引开关 0关, 1开 waitTime:每张图片显示时间 1000为1秒钟 changeType:图片变化效果0-45(仅IE有效,Firefox/Chrome等为alpha效果) defImg:默认图片 imgs:图片列表用|分隔 links:每张图片的链接用|分隔 titles:图片标题用|分隔
资源推荐
资源详情
资源评论
收起资源包目录
EdgesunImgChange.rar (10个子文件)
EdgesunImgChange
5.jpg 12KB
3.jpg 8KB
edgesunimgchange.js 10KB
4.jpg 11KB
2.jpg 15KB
edgesunimgchange-min.js 7KB
null.gif 43B
index2.html 3KB
1.jpg 15KB
index.html 3KB
共 10 条
- 1
资源评论
- unihui2013-08-28用了还不错,兼容性都可以偷懒了,谢谢
edgesun
- 粉丝: 6
- 资源: 14
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功