Jquery 哪里可以下载CSS coverflow？
这是我最喜欢的coverflow： 有办法下载这个吗？或者是否有实施指南 我所看到的只是一些博客文章，没有任何关于如何实现的内容Jquery 哪里可以下载CSS coverflow？,jquery,jquery-ui,css,coverflow,Jquery,Jquery Ui,Css,Coverflow,这是我最喜欢的coverflow： 有办法下载这个吗？或者是否有实施指南 我所看到的只是一些博客文章，没有任何关于如何实现的内容 谢谢。下载源代码中的所有脚本如何 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Coverflow featuring css trans
谢谢。下载源代码中的所有脚本如何
<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>
以css转换为特色的Coverflow
正文，html{
保证金：0；
填充：0；
背景：#000；
身高：100%；
颜色：#eee；
字体系列：Arial；
字体大小：10px；
}
h1{
利润率：20px；
}
p{
利润率：20px；
}
大法官{
高度：80px；
填充：30px；
位置：绝对位置；
顶部：0px；
左：0px；
宽度：2000px；
}
分区包装器{
利润率：20px；
高度：160px；
边框：2个实心#999；
溢出：隐藏；
宽度：600px；
位置：相对位置；
}
分区滑块{
位置：绝对位置；
底部：5px；
左：30px；
宽度：542px；
高度：19px；
背景：url（productbrowser\u scrollbar\u 20070622.png）不重复；
}
div.ui-slider-handle{
位置：绝对位置；
光标：指针；
光标：手；
顶部：0px；
左：0px；
身高：100%；
宽度：181px；
背景：url（handle.png）不重复；
}
放大镜室{
宽度：64px；
高度：64px；
浮动：左；
保证金：5px；
位置：相对位置；
边框：1px实心#999；
}
$（文档）.ready（函数（）{
$（“div.放大倍数”）.coverflow（）；
});
具有CSS转换和jQuery UI的Coverflow效果
这一概念证明使用Webkit（Safari 3.1中的特色）的新CSS转换功能显示了coverflow效果。不必要的
说它现在不会在其他浏览器中运行（不过，将它适应画布应该很容易，即使现在，它也不会在其他浏览器中中断）。
与其他演示不同的是，这个演示可以在两个半状态之间进行真正的动画制作，使得像iTunes slider这样的slider实现非常简单（即将推出）
很快就可以看到这个演示了！）。玩得开心，试着用键盘加热；）
例如，其中一个脚本是@您是否正在寻找一个将在您的电脑上复制该网站的网站？如果是这样的话，看看这里（看看那个网站总是免费软件中最好的）
*警告*在翻录之前询问网站所有者。脚本特别说明//这仅用于演示目的@马克-也许你找不到任何文档或下载的原因是它不是一个成品。它工作得很好。许可证是操作系统吗？应该有人发布它。