这种的图片翻页效果怎么做的有代码的给份 - ASP技术论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 ASP技术论坛』 → 这种的图片翻页效果怎么做的有代码的给份

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1644 人关注过本帖

标题：这种的图片翻页效果怎么做的有代码的给份

只看楼主加入收藏

guang2356447

等　级：论坛游民
帖　子：434
专家分：31
注　册：2007-7-10
结帖率：65.85%

楼主

问题点数：0 回复次数：6

这种的图片翻页效果怎么做的有代码的给份

比如我页面上有个图片     点图片的右半部分  是下一张    左半部分是上一张

就和其他大网站的图片浏览方式一样的  那种

有代码的给份    怎么搜索啊  找不到

搜索更多相关主题的帖子: 图片浏览　

2011-01-07 15:10

zmh886

等　级：贵宾
威　望：12
帖　子：238
专家分：1305
注　册：2010-6-2

第 2 楼

得分:0

<img src="http://www. usemap="#planetmap" border=0></img>
<map name="planetmap">
<area href="pre.htm" shape="rect" coords="0,0,60,60" alt="上一页"></a></area>
<area href="next.htm" shape="rect" coords="60,0,120,60" alt="下一页"></a></area>
</map>
现学现卖半成品

http://www./

2011-01-07 16:14

guang2356447

等　级：论坛游民
帖　子：434
专家分：31
注　册：2007-7-10

第 3 楼

得分:0

谢谢楼上的方法很好使用

2011-01-10 12:20

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 4 楼

得分:0

还有一种方法就是利用div，把图片做成background然后两个div横向排列各自宽度50%

2011-01-10 23:27

fuhuijun

等　级：新手上路
帖　子：407
专家分：0
注　册：2007-10-30

第 5 楼

得分:0

回复 4楼 yms123

这方法比较合适

2011-01-13 16:22

mdjpp

等　级：论坛游民
帖　子：6
专家分：13
注　册：2011-1-17

第 6 楼

得分:0

这个方法简易,但还是推荐div的方式

[url=http://www.]中国新闻网[/url]
DIS代码不好用 - -||

2011-01-17 11:02

happy175

等　级：新手上路
帖　子：8
专家分：3
注　册：2010-10-3

第 7 楼

得分:0

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.">
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
html,body{
        background:#e0e0e0;
}
.imgBox img{
        border:1px dashed #666;
}
.imgBox{
        position: relative;
        float:left;
}
.imgBox div{
        position:absolute;
        left:0px;
        top:0px;
        width:50%;
        height:98%;
        background: #fff;
        opacity:0.0;
        filter:alpha(opacity=0);
}
.imgBox .left{
        cursor: url('http://cnc.qzs.'),default;
}
.imgBox .right{
        left:50%;
        cursor: url('http://cnc.qzs.'),default;
}

</style>

</HEAD>

<BODY>

<div class="imgBox">
        <img src="http://www."/>
        <div class="left" onclick="alert('left');">&nbsp;</div>
        <div class="right" onclick="alert('right');">&nbsp;</div>
</div>

</BODY>
</HTML>

演示：http://www.

2011-01-18 14:46

快速回复：这种的图片翻页效果怎么做的有代码的给份