Question

对于那些不知道如何完成“桶式滚动”的人，这里是代码：

<style>
.barrel_roll {
    -webkit-transition: -webkit-transform 4s ease;
    -webkit-transform: rotate(360deg);
    -moz-transition: -moz-transform 4s ease;
    -moz-transform: rotate(360deg);
    -o-transition: -o-transform 4s ease;
    -o-transform: rotate(360deg);
    transition: transform 4s ease;
    transform: rotate(360deg);
}  
</style>
<script>
function barrel_roll() {
    $('body').addClass('barrel_roll');
  setTimeout("$('body').removeClass('barrel_roll')", 4000);
}
</script>

我的问题是，使用Javascript和/或CSS可以做些什么其他很酷的效果？

Answer 1

突出显示元素 - http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html

Textarea自动完成 - http://www.amirharel.com/2011/03/07/implementing-autocomplete-jquery-plugin-for-textarea/

精选内容滑块 - http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

10张照片画廊和滑块 - http://www.queness.com/post/222/10-jquery-photo-gallery-and-slider-plugins

可滚动 - 新浪潮用户界面设计 - http://flowplayer.org/tools/scrollable/

50个CSS3动画 - http://www.1stwebdesigner.com/css/50-awesome-css3-animations/

到处都是n-child（简易表斑马条纹）。 - http://verboselogging.com/2010/01/17/making-nth-child-work-everywhere

什么是酷的JQuery / CSS3效果，如谷歌的“桶滚”

1 个答案: