Javascript 像Google'；s"；桶辊；

对于那些不知道“滚桶”是如何完成的人，下面是代码：

<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>

1.桶装卷{
-webkit转型：-webkit转型4s轻松；
-webkit变换：旋转（360度）；
-moz转换：-moz转换4s容易；
-moz变换：旋转（360度）；
-o-转变：-o-转变；
-o变换：旋转（360度）；
转型：转型；
变换：旋转（360度）；
}  
功能桶_辊（）{
$（'body'）.addClass（'barrel_roll'）；
setTimeout（$（'body'）.removeClass（'barrel_roll'）”，4000）；
}

我的问题是，使用Javascript和/或CSS还可以实现哪些酷炫效果？

突出显示元素-

文本区域自动完成-

特色内容滑块-

10个图片集和幻灯片-

可滚动-新Wave UI设计-

50个CSS3动画-

---

第N个孩子无处不在（简易桌斑马条纹）。-

请。。不要向setTimeout传递字符串，而是传递函数：

setTimeout（function（）{$（'body'）.removeClass（'barrel_roll'）；}，4000）桶辊有问题吗？您是否对尝试使用的其他效果有异议？您是否正在寻找其他特定效果的文档？这个网站不是为了“帮助我找到一些很酷的东西”的问题，而是为了“我正在尝试做X，但我有问题Y”，很有趣，虽然这个问题不是建设性的，但我发现代码非常有用。好的是，封闭式问题仍然存在