没有合适的资源?快使用搜索试试~ 我知道了~
图片上有箭头,可上下页切换
需积分: 50 91 下载量 145 浏览量
2015-08-30
08:50:46
上传
评论
收藏 3KB TXT 举报
温馨提示
试读
3页
图片上面有箭头。鼠标点击可以实现图片的上下页切换。
资源推荐
资源详情
资源评论
<!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" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
<!--
*{ margin:0; padding:0}
#imgslide{ margin:100px auto; width:550px; position:relative;-moz-user-select:none }
#imgslide img{ width:550px}
#imgslide #pre{ position:absolute; display:block; height:100%; background:#003366;filter:Alpha(Opacity=0);opacity:0; left:0; top:0; z-index:2; width:50%; cursor:url(http://s.xnimg.cn/imgpro/arrow/pre.cur),auto; }
#imgslide #next{ position:absolute;z-index:2; display:block; background:#00CC99;filter:Alpha(Opacity=0);opacity:0; height:100%;width:50%; top:0; right:0; cursor:url(http://s.xnimg.cn/imgpro/arrow/next.cur), auto;}
#intro{ padding:5px 8px; line-height:1.6; font-size:12px; color:#333; background:#333333; color:#fff}
-->
</style></head>
<body>
<div id="imgslide"><span id="pre" ></span> <span id="next" ></span><img id="showimg" src="http://img1.gtimg.com/0/68/6884/688412_550x550_0.jpg" />
<div id="intro"> </div>
</div>
<script type="text/javascript">
$=function(obj){return document.getElementById(obj);}
//ͼƬµØÖ·
var imgsrc= new Array();
imgsrc[0]="http://img1.gtimg.com/0/68/6884/688412_550x550_0.jpg";
imgsrc[1]="http://img1.gtimg.com/0/68/6899/689943_550x550_0.jpg";
imgsrc[2]="http://img1.gtimg.com/0/68/6899/689941_550x550_0.jpg";
imgsrc[3]="http://img1.gtimg.com/0/68/6884/688414_550x550_0.jpg";
imgsrc[4]="http://img02.taobaocdn.com/tps/i2/T1z5BEXjJvXXXXXXXX-638-369.jpg";
imgsrc[5]="http://img05.taobaocdn.com/tps/i5/T1Vx4EXeleXXXXXXXX-638-369.jpg";
imgsrc[6]="http://img02.taobaocdn.com/tps/i2/T12zVEXk4bXXXXXXXX-638-369.jpg";
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
<!--
*{ margin:0; padding:0}
#imgslide{ margin:100px auto; width:550px; position:relative;-moz-user-select:none }
#imgslide img{ width:550px}
#imgslide #pre{ position:absolute; display:block; height:100%; background:#003366;filter:Alpha(Opacity=0);opacity:0; left:0; top:0; z-index:2; width:50%; cursor:url(http://s.xnimg.cn/imgpro/arrow/pre.cur),auto; }
#imgslide #next{ position:absolute;z-index:2; display:block; background:#00CC99;filter:Alpha(Opacity=0);opacity:0; height:100%;width:50%; top:0; right:0; cursor:url(http://s.xnimg.cn/imgpro/arrow/next.cur), auto;}
#intro{ padding:5px 8px; line-height:1.6; font-size:12px; color:#333; background:#333333; color:#fff}
-->
</style></head>
<body>
<div id="imgslide"><span id="pre" ></span> <span id="next" ></span><img id="showimg" src="http://img1.gtimg.com/0/68/6884/688412_550x550_0.jpg" />
<div id="intro"> </div>
</div>
<script type="text/javascript">
$=function(obj){return document.getElementById(obj);}
//ͼƬµØÖ·
var imgsrc= new Array();
imgsrc[0]="http://img1.gtimg.com/0/68/6884/688412_550x550_0.jpg";
imgsrc[1]="http://img1.gtimg.com/0/68/6899/689943_550x550_0.jpg";
imgsrc[2]="http://img1.gtimg.com/0/68/6899/689941_550x550_0.jpg";
imgsrc[3]="http://img1.gtimg.com/0/68/6884/688414_550x550_0.jpg";
imgsrc[4]="http://img02.taobaocdn.com/tps/i2/T1z5BEXjJvXXXXXXXX-638-369.jpg";
imgsrc[5]="http://img05.taobaocdn.com/tps/i5/T1Vx4EXeleXXXXXXXX-638-369.jpg";
imgsrc[6]="http://img02.taobaocdn.com/tps/i2/T12zVEXk4bXXXXXXXX-638-369.jpg";
资源评论
qq_29577115
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功