0

这是我最喜欢的封面：http: //paulbakaus.com/lab/js/coverflow/

有没有办法下载这个？或者有实施指南吗？

我所看到的只是一些关于如何实现的博客文章。

谢谢。

4

2 回答 2

1

下载源中的所有脚本怎么样？

<html> 
    <head> 
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
        <title>Coverflow featuring css transitions</title> 
        <style type="text/css" media="screen"> 
            body,html {
                margin: 0;
                padding: 0;
                background: #000;
                height: 100%;
                color: #eee;
                font-family: Arial;
                font-size: 10px;
            }

            h1 {
                margin: 20px;
            }

            p {
                margin: 20px;
            }

            div.magnifyme {
                height: 80px;
                padding: 30px;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 2000px;
            }

            div.wrapper {
                margin: 20px;
                height: 160px;
                border: 2px solid #999;
                overflow: hidden;
                width: 600px;
                position: relative;
            }

            div.slider {
                position: absolute;
                bottom: 5px;
                left: 30px;
                width: 542px;
                height: 19px;
                background: url(productbrowser_scrollbar_20070622.png) no-repeat;
            }

            div.ui-slider-handle {
                position: absolute;
                cursor: pointer;
                cursor: hand;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 181px;
                background: url(handle.png) no-repeat;

            }

            div.magnifyme img {
                width: 64px;
                height: 64px;
                float: left;
                margin: 5px;
                position: relative;
                border: 1px solid #999;
            }
        </style> 
<script type="text/javascript" src="jquery-1.2.6.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.slider.js"></script> 
<script type="text/javascript" src="effects.core.js"></script> 
<script type="text/javascript" src="ui.coverflow.js"></script> 

<script type="text/javascript" src="../transformie/sylvester.js"></script> 
<script type="text/javascript" src="../transformie/pb.transformie.js"></script> 



        <script type="text/javascript"> 
            $(document).ready(function() {

                $("div.magnifyme").coverflow();

            });

        </script> 
    </head> 
    <body> 

    <h1>Coverflow effect featuring CSS transformations and jQuery UI</h1> 

    <p> 
        This proof-of-concept shows a coverflow effect using the new CSS transformation feature from Webkit (featured in Safari 3.1). Needless
        to say that it won't run in other browsers at this point (however, adapting it to canvas should be quite easy, and even now, it won't break in other browsers).
    </p> 

    <p> 
        Unlike other demos, this one can truly animate between two half states, making a slider implementation like the iTunes slider really easy (will come
        to this demo soon!). Have fun and try using the keyboard for hotness ;)
    </p> 

<div class="wrapper"> 
    <div class="magnifyme"> 
        <img src="icons/1.png" /> 
        <img src="icons/2.png" /> 
        <img src="icons/3.png" /> 
        <img src="icons/4.png" /> 
        <img src="icons/5.png" /> 
        <img src="icons/6.png" /> 
        <img src="icons/7.png" /> 
        <img src="icons/8.png" /> 
        <img src="icons/9.png" /> 
        <img src="icons/10.png" /> 
        <img src="icons/1.png" /> 
        <img src="icons/2.png" /> 
        <img src="icons/3.png" /> 
        <img src="icons/4.png" /> 
        <img src="icons/5.png" /> 
        <img src="icons/6.png" /> 
        <img src="icons/7.png" /> 
        <img src="icons/8.png" /> 
        <img src="icons/9.png" /> 
        <img src="icons/10.png" /> 
    </div> 
    <div class="slider"> 
        <div class="ui-slider-handle"></div> 
    </div> 
</div> 
    </body> 
</html>

只需替换<img>元素中的元素，它应该提供相同的功能。

例如，其中一个脚本是 @ http://paulbakaus.com/lab/js/coverflow/ui.coverflow.js

于 2010-06-14T00:04:08.627 回答
0

您是否只是在寻找可以在您的 PC 上复制网站的站点 riiper？如果是这样，请查看此处http://www.techsupportalert.com/best-free-web-site-ripper.htm （并始终查看该站点以获得最佳免费软件）。

*CAVEAT*在翻录前询问网站所有者。

于 2010-06-14T00:27:10.710 回答