jquery - 哪里可以下载 CSS coverflow？-6ren

jquery - 哪里可以下载 CSS coverflow？

转载作者：行者123 更新时间：2023-11-27 22:34:15

24

4

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

有什么办法可以下载吗？或者有实现指南吗？

我看到的只是一些博客文章，没有关于如何实现的内容。

谢谢。

最佳答案

如何下载源中的所有脚本？

<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

关于jquery - 哪里可以下载 CSS coverflow？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3034398/

24

4

0

文章推荐： c++ - 在 float32 中保存 float16 最大数量

文章推荐： html - 始终首先在 TMENU 中显示事件元素(TYPO3)

文章推荐： javascript - 如何剪掉 viewBox 之外的内容？

文章推荐： jquery - 固定图片位置

java - Android coverflow : Error inflating class pl. poliea.coverflow.CoverFlow
我尝试在我自己的 android projet 中添加 android coverflow 当 myt Activity 启动时，我收到以下错误: 06-18 15:32:35.690: E/Andr
iphone - Coverflow 在加载高分辨率图像时崩溃
我正在尝试使用 AsyncImageView ( https://github.com/nicklockwood/AsyncImageView ) 作为封面来实现 Coverflow ( iCarou
iphone - CoverFlow iPhone库
我从最近两个小时开始搜寻。并发现了CoverFlow的许多链接。但大多数情况下无法在iOS 5上使用，并且会出错。使用很多代码，我可以更改编译器设置，但不适用于我。请提供与iOS 5或任何开放源代码
具有翻转效果的Android CoverFlow作为IOS coverflow
有人可以向我推荐任何适用于 Android 的 CoverFlow 示例或库，它们可以达到与 IOS CoverFlow 相同的效果吗？对选择具有封面翻转效果。我浏览了几个 android 库和示例，
java - 没有画廊的android coverflow
已关闭。此问题旨在寻求有关书籍、工具、软件库等的建议。不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以
Android Coverflow - 聚焦位置已知的图像
我已经实现了 Android Coverflow 示例。单击图像时，我可以检索它的位置并在 ImageView 中显示图像。我的另一个要求是在我传递其 Id 时将图像聚焦在 coverFlow 中。我
iphone - CoverFlow 用按钮代替图像
我正在将这个伟大的项目用于 iPhone 的 Cover Flow (OpenFlow)。 https://github.com/thefaj/OpenFlow/ 但是，这仅支持图像。例如，当我修改代
Android CoverFlow 显示文本而不是图像
在我的一个应用程序中，我需要从数据库中读取文本并将其显示给用户。为此，我想到了使用 Coverflow。那么这里的任何人都可以让我知道，是否可以使用 CoverFlow 而不是图像来显示文本？我正在尝
android - 带有自定义适配器的 Coverflow
我想用自定义适配器创建一个封面流程( ImageView 作为缩略图， TextView 作为标题，进度条指示一些进展......)。 Cover flow widget 的所有示例或实现均基于 Ga
c++ - CoverFlow 库
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
iphone - coverflow 就像给定的图片
我想制作 UIScrollView 或像这样的封面流我尝试了一些像 icaraousal 等的封面流，但那些没有产生像这样的感觉所以如果有人知道这种类型的封面那么请给我建议. 和iCarousal创
Android Coverflow OnClickListener
我用 coverflow 创建了一个应用程序。我到处都看过，但似乎无法弄清楚如何在单击封面流中的每个单独图像时使用 onclicklistener 来进行简单的 Activity 。下面是我的代码，我
java - Android Coverflow 起始位置
我正在使用https://github.com/Polidea/android-coverflow我的应用程序中的 coverflow 小部件。我遇到的问题是我无法控制小部件的起始位置。我很惊讶没有人
c++ - QML Coverflow 非常慢
我想为非触摸应用程序实现 CoverFlow。就像是: https://www.youtube.com/watch?v=0MT58xIzp5c 我已经掌握了基础知识，但有两个问题: 与轻弹相比，使用鼠
android - 更改所选项目的背景 Coverflow android
我正在使用这个 CoverFlow:http://www.inter-fuser.com/2010/02/android-coverflow-widget-v2.html . 我用这个 coverfl
javascript - Swiper coverflow 效果未按预期工作
我想在我的 Wordpress 主题内的 Swiper 实例上使用 coverflow 效果。我注意到在我将开发控制台附加到页面下并更改断点之前，效果不会被触发。我需要修复，这是代码。是否可以使用 P
jquery - 哪里可以下载 CSS coverflow？
这是我最喜欢的封面: http://paulbakaus.com/lab/js/coverflow/ 有什么办法可以下载吗？或者有实现指南吗？我看到的只是一些博客文章，没有关于如何实现的内容。谢谢
javascript - 粘性导航和 coverflow 插件出错
我有这个页面，其中应该附有一个粘性导航。在页面上，有一个我从 dynamicdrive.com 获得的 coverflow 插件。 coverflow 插件就像一个图像 slider 。它看起来像这样
javascript - ContentFlow (coverflow) - 如何让它按照我想要的方式工作？
我正在尝试使用这个插件: http://www.jacksasylum.eu/ContentFlow/ 2分: 我想知道如何将它放入我的 div 并留在 div 的体积内？就像现在一样，我的 div
android - 我怎样才能实现 CoverFlow View
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 18 天前

首页

博学

6Ren·AI

商城

jquery - 哪里可以下载 CSS coverflow？