javascript 控制图片播放代码
无标题文档
.photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px}
.photo .left {width:310px;height:222px;margin:0 5px}
.photo .left img {width:310px;height:250px}
.photo ul li {float:left;list-style-type:none;width:140px;height:135px}
.photo ul li img {width:130px;height:115px;border:1px solid #999}
.photo ul li div {line-height:19px;height:19px;overflow:hidden}
#fc {filter:progid:DXImageTransform.Microsoft.Fade (duration=0.5,overlap=1.0)}
#con,#num {height:20px;line-height:20px;overflow:hidden}
#con {float:left;width:200px;text-align:center}
#num {float:right;width:110px}
#num span {cursor:pointer;width:15px;height:15px;display:block;float:left;margin:0 1px;line-height:16px;overflow:hidden;margin-top:2px;text-align:center;}
.bigon{background:url("numon.gif");color:#fff} /*长为15px 宽为15px*/
.bigoff{background:url("numoff.gif");color:#000}
昆山论坛"新世军"军团掠影
2009年昆山第三届徒步大会昆坛会员合影
昆坛会员相聚阳澄湖畔野炊活动
昆坛大合唱"相亲相爱一家人"家人风采
"我是女生"昆山论坛网友秀
昆山首届万圣节系列图片大放送
1
2
3
4
5
6
var n=0;
var showNum = document.getElementById("num");
var showNums = document.getElementById("num").getElementsByTagName("span");
function Mea(value){
n=value;
setBg(value);
plays(value);
cons(value);
}
function setBg(value){
for(var i=0;ishowNums.length-1)n=0;
Mea(n);
}
function sub(){
n--;
if(n
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- TFDN图片播放器 不错自动播放
- js 新浪的一个图片播放图片轮换效果代码
- 比较炫的图片播放器 js 焦点效果代码
- jquery图片播放浏览插件prettyPhoto使用详解
- javascript控制图片播放的实现代码
Tags:js 图片播放
相关文章
- 2009-05-05javascript 两个字符串比较函数
- 2015-02-02浅谈javascript中this在事件中的应用
- 2006-08-08实用javaScript技术-屏蔽类
- 2013-07-07HTML长文本截取含有HTML代码同样适用的两种方法
- 2016-11-11Kendo Grid editing 自定义验证报错提示的解决方法
- 2010-05-05javascript 就地编辑实现代码
- 2016-03-03JavaScript常用函数工具集:lao-utils
- 2017-06-06bootstrap daterangepicker双日历时间段选择控件详解
- 2016-01-01js密码强度检测
- 2016-10-10微信js-sdk界面操作接口用法示例