主站
经典论坛
作品集
Think.Pages
博客
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
前台制作与脚本专栏
» 怎样修改这段JS图片滚动的代码?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
怎样修改这段JS图片滚动的代码?
zhangsn
[楼主]
初级会员
帖子
82
体力
157
威望
0
离线
1 天
发短消息
加为好友
1
#
大
中
小
发表于 2008-7-16 14:48
代码如下,我想当滚动到最右边时(就是到不能滚动时),右边的箭头变成灰色(变换图片);滚动到最左边时,左边的箭头变成灰色。就像蓝色理想的作品集那里一样
请问应该怎么修改呢
代码如下:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>New Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Language" content="zh-cn"> </head> <style type="text/css"> .ProImg{ overflow: hidden; height: 90px; width: 360px; margin:0 auto; float:left; } </style> <script language="javascript"> <!-- i=18; function ProImgScroll(a){ if(i) { ProImg.scrollLeft+=20*a; i--; setTimeout("ProImgScroll("+a+")",5); } else i=18; } //--> </script> <body> <div style="float:left; width:18px;"><img src="http://case.blueidea.com/img/common/slide_prev.gif" onClick="ProImgScroll(-1)" /></div> <div class="ProImg" id="ProImg"> <table cellpadding="5" cellspacing="0" > <tr> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095648_377197_t.jpg" width="80" height="80"></td> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095708_6756897_t.png" width="80" height="80"></td> <td align="left"><img src="3.gif" width="80" height="80"></td> <td align="left"><img src="4.gif" width="80" height="80"></td> <td align="left"><img src="5.gif" width="80" height="80"></td> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095716_1987915_t.png" width="80" height="80"></td> <td align="left"><img src="7.gif" width="80" height="80"></td> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095716_1987915_t.png.gif" width="80" height="80"></td> <td align="left"><img src="3.gif" width="80" height="80"></td> <td align="left"><img src="1.gif" width="80" height="80"></td> <td align="left"><img src="2.gif" width="80" height="80"></td> </tr> </table> </div> <div style="float:left; width:18px;"><img src="http://case.blueidea.com/img/common/slide_next.gif" onClick="ProImgScroll(1)" /></div> </body> </html>
提示:您可以先修改部分代码再运行
QQ派www.qqpai.cn
积分
157
阅读权限
20
在线时间
52 小时
注册时间
2007-3-28
最后登录
2008-8-21
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
zhangsn
[楼主]
初级会员
帖子
82
体力
157
威望
0
离线
1 天
发短消息
加为好友
2
#
大
中
小
发表于 2008-7-16 16:25
帮忙啊!!
QQ派www.qqpai.cn
积分
157
阅读权限
20
在线时间
52 小时
注册时间
2007-3-28
最后登录
2008-8-21
查看详细资料
TOP
【美橙超级G空间】688元绑定10个子目录
|
500M免费网盘空间,文件永久保留,专业服务高端设计人员
caiying2007
版主
帖子
2576
体力
4908
威望
10
发短消息
加为好友
打分 5
3
#
大
中
小
发表于 2008-7-16 20:34
test
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>New Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Language" content="zh-cn"> </head> <style type="text/css"> .ProImg{ overflow: hidden; height: 90px; width: 360px; margin:0 auto; float:left; } </style> <script language="javascript"> <!-- i=18; function ProImgScroll(a){ if(i) { ProImg.scrollLeft+=20*a; i--; setTimeout(function(){ProImgScroll(a)},5); } else { i=18; if (ProImg.scrollLeft==0)prev.src="http://case.blueidea.com/img/common/slide_prev_disable.gif" else prev.src="http://case.blueidea.com/img/common/slide_prev.gif" if(ProImg.scrollLeft+ProImg.offsetWidth>=ProImg.getElementsByTagName("table")[0].offsetWidth)next.src="http://case.blueidea.com/img/common/slide_next_disable.gif" else next.src="http://case.blueidea.com/img/common/slide_next.gif" } } // // //--> </script> <body> <div style="float:left; width:18px;"><img id="prev" src="http://case.blueidea.com/img/common/slide_prev.gif" onClick="ProImgScroll(-1)" /></div> <div class="ProImg" id="ProImg"> <table cellpadding="5" cellspacing="0" > <tr> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095648_377197_t.jpg" width="80" height="80"></td> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095708_6756897_t.png" width="80" height="80"></td> <td align="left"><img src="3.gif" width="80" height="80"></td> <td align="left"><img src="4.gif" width="80" height="80"></td> <td align="left"><img src="5.gif" width="80" height="80"></td> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095716_1987915_t.png" width="80" height="80"></td> <td align="left"><img src="7.gif" width="80" height="80"></td> <td align="left"><img src="http://case.blueidea.com/files/2008/07/10/work_416511_7234_20080710_095716_1987915_t.png.gif" width="80" height="80"></td> <td align="left"><img src="3.gif" width="80" height="80"></td> <td align="left"><img src="1.gif" width="80" height="80"></td> <td align="left"><img src="2.gif" width="80" height="80"></td> </tr> </table> </div> <div style="float:left; width:18px;"><img id="next" src="http://case.blueidea.com/img/common/slide_next.gif" onClick="ProImgScroll(1)" /></div> </body> </html>
提示:您可以先修改部分代码再运行
积分
4918
阅读权限
100
在线时间
2108 小时
注册时间
2007-6-28
最后登录
2008-8-22
查看详细资料
TOP
请大家尊重和保护奥运知识产权。
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版