Scripts 学盟

标题: javascript 带滚动条的图片查看特效(超酷)1 [打印本页]

作者: 嘟嘟 时间: 2011-7-13 00:01:52 标题: javascript 带滚动条的图片查看特效(超酷)1

注：本人收集的其中一种特效呵呵感觉能让大家学习欣赏！(例子中图片自己找吧),由于帖子字数限制分3张发布(抱歉)!
【代码复制粘贴找到图片即可运行】 iscripts 只有想不到的没有做不到的！完整实例已经上传群空间(14791694)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>1</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
width: 100%;
height: 100%;
}
#imageFlow {
position: absolute;
width: 50%;
height: 40%;
left: 0%;
top: 10%;
background: #000;
}
#imageFlow .diapo {
position: absolute;
left: -1000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .bank {
visibility: hidden;
}
#imageFlow .top {
position: absolute;
width: 100%;
height: 40%;
background: #181818;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 16%;
text-align: center;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
z-index: 1000;
}
#imageFlow .title {
font-size: 0.9em;
font-weight: bold;
}
#imageFlow .legend {
font-size: 0.8em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 16px;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .arrow-left {
position: absolute;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
}
#imageFlow .bar {
position: absolute;
height: 16px;
left: 25px;
}
</style>

javascript 带滚动条的图片查看特效(超酷)2
http://www.iscripts.org/forum.php?mod=viewthread&tid=322

javascript 带滚动条的图片查看特效(超酷)3
http://www.iscripts.org/forum.php?mod=viewthread&tid=323

附件: 1.jpg (2011-7-12 23:51:22, 51.79 KB) / 下载次数 108
http://www.iscripts.org/forum.php?mod=attachment&aid=MTI0fDBhZTZkYzcwfDE3MTU5MTY2ODR8MHww

作者: Yisin 时间: 2011-7-13 07:41:24

嘿嘿我也有收藏这个特效

作者: 嘟嘟 时间: 2011-7-13 08:18:52

Yisin 发表于 2011-7-13 07:41
嘿嘿我也有收藏这个特效

哇塞！知己耶

欢迎光临 Scripts 学盟 (http://www.iscripts.org/)