mootools 图片旋转木马效果
2009-05-23 16:12 贪婪的小猪 阅读(488) 评论(0) 编辑 收藏 举报With its hippie-baroque script and solo portrait, Sykes' "Like Love Lust" album cover evokes the era of Joni and Judy. Inside is a record that culls the group's wise sense of song but little of its sentimentality, favoring instead fuzzy guitars and a Grant Lee Buffalo brand of wry resignation.
Filed in: Alternative Country-Rock
Hazy psych-rock effects, vocal frailty, punishing drums, and a big ol' flange pedal complete the rock- history roundabout in this London group's "All Ones & Zeros." It's just one of many tours they take on the LP of the same name, but the '80s of Echo & the Bunnymen always sounds like home.
Filed in: Indie Rock
On the LP "Extraordinary Machine," the most controversial--and fantastically talented--alto in all of singer-songwriterdom grudgingly gives us what we wanted: a straight-up terrific record. Like much of her best work, it's rather an enigma, every sultry purr threatening to become a snarl.
Filed in: Adult Alternative Pop/Rock
The beat-tastic film about a step competition proves, not surprisingly, to offer one of the most stellar hip-hop soundtracks in '07. In one sense, it's a document of ambitious urban music circa Chemist's turntable madness and the Roots' organic live beats.
Filed in: Film Soundtracks
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<style>
#musicCarousel {
text-align: left;
}
#musicCarousel img {
border: none;
}
#musicCarousel .panel .slide {
position: absolute;
width: 400px;
}
#musicCarousel a { color: #FFA100 !important}
/* Generic Purple Panel Styles*/
#musicCarousel {float: left; width: 421px; background-color: #ffffff; padding: 22px 0 10px 19px;}
#musicCarousel .panel {float: left; width: 401px; background: url(http://i.d.com.com/i/mdl/global/2006/pages/bg_panel.gif) repeat-y; display: inline; height: 295px; margin-bottom: 40px;}
#musicCarousel .panel a.h3 {display:block;font: bold 1.6em Arial, Helvetica, sans-serif; color: #9996af; padding: 0; margin: 7px 0 11px 22px;}
#musicCarousel .panel .panel-album {float: left; width: 128px;}
#musicCarousel .panel .panel-album img {margin: 0 0 5px 22px; border: 3px solid #d4d2ca;}
#musicCarousel .panel .panel-copy {float: right; width: 242px; padding: 0 15px 0 0;}
#musicCarousel .panel .panel-copy h4{font-size: 1.4em; padding: 0; margin: 0 0 6px 0;}
#musicCarousel .panel .panel-copy p {font-size: 1.1em; color: #ffffff; padding: 0; margin: 0 0 3px 0; line-height: 14px;}
#musicCarousel .panel .panel-copy p a {font-size: 0.9em; font-weight: bold;}
#musicCarousel .panel .panel-top {height: 44px;}
#musicCarousel .panel .panel-bottom{clear: both; height: 78px; background: url(http://i.d.com.com/i/mdl/global/2006/pages/bottom_panel.gif) no-repeat;}
#musicCarousel .panel .carousel-5 {float: left; width: 157px; padding: 2px 0 0 145px; position: relative;}
#musicCarousel .panel .carousel-5 img { float: left; cursor: pointer;}
#musicCarousel .panel .stream5 {float: right; margin: 10px 14px 0 0;}
#musicCarousel .panel .stream5 a {display: block; width: 78px; height: 20px; background: url(http://i.d.com.com/i/mdl/global/2006/pages/button_streamall.gif) no-repeat top left;}
#musicCarousel .panel .stream5 a:hover {background: url(http://i.d.com.com/i/mdl/global/2006/pages/button_streamall.gif) no-repeat top right;}
#musicCarousel .panel .stream5 a span {display: none}
#musicCarousel .panel .panel-play {float: left; width: 290px; margin: 22px 0 0 15px;}
#musicCarousel .panel .panel-play a.h5 {display: block; font-size: 1.0em; font-weight: bold; padding: 0; margin: 3px 0 6px 0; color: #ffffff;}
#musicCarousel .panel .panel-play a.h5 a {color: #ffffff;}
#musicCarousel .panel .panel-play .pp-button {float: left; margin-right: 10px;}
#musicCarousel .panel .panel-play .button-pp {float: left; margin-right: 10px;}
#musicCarousel .panel .panel-play .button-pp a {display: block; width: 38px; height: 38px; background: url(http://i.d.com.com/i/mdl/global/2006/pages/button_pp.gif) no-repeat top left;}
#musicCarousel .panel .panel-play .button-pp a:hover {background: url(http://i.d.com.com/i/mdl/global/2006/pages/button_pp.gif) no-repeat top right;}
#musicCarousel .panel .sample-play {float: right; width: 76px; margin: 30px 0 0 0;}
#musicCarousel .panel .sample-play a {display: block; width: 58px; height: 19px; background: url(http://i.d.com.com/i/mdl/global/2006/pages/button_ps.gif) no-repeat top left;}
#musicCarousel .panel .sample-play a:hover {background: url(http://i.d.com.com/i/mdl/global/2006/pages/button_ps.gif) no-repeat top right;}
#musicCarousel .panel .sample-play a span {display: none;}
#musicCarousel .panel .explicit {padding: 0; margin: 0px 0 4px 7px;}
/* Specific Purple Panel Styles*/
#musicCarousel .panel-top { background: url(http://i.d.com.com/i/mdl/global/2006/pages/top_panel_headliners.gif) no-repeat;}
#musicCarousel .browseAll { width: 410px; border-right: 1px solid #ffffff; background: #FFFFFF; }
#musicCarousel .browseAll a.h3 { display: block; text-align: left; margin: 0; padding: 0 0 10px 30px; }
#musicCarousel a:link, #musicCarousel a:visited, #musicCarousel a:active {text-decoration: none; color: #FFA100;}
#musicCarousel a:hover {text-decoration: underline; color: #FFA100;}
</style>
<script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js">
</script>
-->
<DIV id=musicCarousel class="panel-wrapper hasCarousel">
<!-- begin panel -->
<DIV id=fd class=panel>
<DIV class=panel-top>
<DIV class=carousel-5>
<A class="button off"><IMG id=tab-fdpc-0 name=pn_1 alt=1 src="http://i.d.com.com/i/mdl/global/2006/pages/pn_1_off.gif"></A><A class="button off"><IMG id=tab-fdpc-1 name=pn_2 alt=2 src="http://i.d.com.com/i/mdl/global/2006/pages/pn_2_off.gif"></A><A class="button selected"><IMG id=tab-fdpc-2 name=pn_3 alt=3 src="http://i.d.com.com/i/mdl/global/2006/pages/pn_3_on.gif"></A><A class="button off"><IMG id=tab-fdpc-3 name=pn_4 alt=4 src="http://i.d.com.com/i/mdl/global/2006/pages/pn_4_off.gif"></A>
</DIV>
<DIV class=stream5>
<A><SPAN>Stream All Music</SPAN></A>
</DIV>
</DIV>
<DIV style="FILTER: alpha(opacity=0); VISIBILITY: hidden; opacity: 0" id=tablayer-fdpc-0 class=slide>
<A class=h3 href="/jessesykesthesweethereafter/3600-8932_32-101001838.html?tag=MDL_genre_door">Jesse Sykes & The Sweet Hereafter</A>
<DIV class=panel-album>
<A href="/jessesykesthesweethereafter/3600-8932_32-101001838.html?tag=MDL_genre_door"><IMG alt="Jesse Sykes & The Sweet Hereafter" src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width=100 height=100></A>
</DIV>
<DIV class=panel-copy>
<P>
With its hippie-baroque script and solo portrait, Sykes' "Like Love Lust" album cover evokes the era of Joni and Judy. Inside is a record that culls the group's wise sense of song but little of its sentimentality, favoring instead fuzzy guitars and a Grant Lee Buffalo brand of wry resignation.
</P>
<P>
Filed in: <A href="http://music.download.com/2001-8932_32-0.html?tag=MDL_newsletter_content_genre">Alternative Country-Rock</A>
</P>
</DIV>
<DIV class=panel-bottom>
<DIV class=panel-play>
<DIV class=button-pp>
<A style="CURSOR: pointer" onclick="checkCookiesPlayList('artist-101001838','Jesse Sykes & The Sweet Hereafter');void(0);"></A>
</DIV>
<A class=h5 href="/jessesykesthesweethereafter/3600-8932_32-101001838.html?tag=MDL_genre_door">Jesse Sykes & The Sweet Hereafter<IMG alt="More information on this artist" src="http://i.d.com.com/i/mdl/global/2006/pages/moron_artist.gif"></A>
</DIV>
<DIV class=sample-play>
<A id=img_101001838_smpl_ref class=sample><SPAN>Sample</SPAN></A>
</DIV>
</DIV>
</DIV>
<DIV style="FILTER: alpha(opacity=0); VISIBILITY: hidden; opacity: 0" id=tablayer-fdpc-1 class=slide>
<A class=h3 href="/theearlyyears/3600-8592_32-100998536.html?tag=MDL_genre_door">The Early Years</A>
<DIV class=panel-album>
<A href="/theearlyyears/3600-8592_32-100998536.html?tag=MDL_genre_door"><IMG alt="The Early Years" src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width=100 height=100></A>
</DIV>
<DIV class=panel-copy>
<P>
Hazy psych-rock effects, vocal frailty, punishing drums, and a big ol' flange pedal complete the rock- history roundabout in this London group's "All Ones & Zeros." It's just one of many tours they take on the LP of the same name, but the '80s of Echo & the Bunnymen always sounds like home.
</P>
<P>
Filed in: <A href="http://music.download.com/2001-8592_32-0.html?tag=MDL_newsletter_content_genre">Indie Rock</A>
</P>
</DIV>
<DIV class=panel-bottom>
<DIV class=panel-play>
<DIV class=button-pp>
<A style="CURSOR: pointer" onclick="checkCookiesPlayList('artist-100998536','The Early Years');void(0);"></A>
</DIV>
<A class=h5 href="/theearlyyears/3600-8592_32-100998536.html?tag=MDL_genre_door">The Early Years<IMG alt="More information on this artist" src="http://i.d.com.com/i/mdl/global/2006/pages/moron_artist.gif"></A>
</DIV>
<DIV class=sample-play>
<A id=img_100998536_smpl_ref class=sample><SPAN>Sample</SPAN></A>
</DIV>
</DIV>
</DIV>
<DIV style="FILTER: ; VISIBILITY: visible; opacity: 1" id=tablayer-fdpc-2 class=slide>
<A class=h3 href="/fionaapple/3600-8573_32-100022071.html?tag=MDL_genre_door">Fiona Apple</A>
<DIV class=panel-album>
<A href="/fionaapple/3600-8573_32-100022071.html?tag=MDL_genre_door"><IMG alt="Fiona Apple" src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width=100 height=100></A>
</DIV>
<DIV class=panel-copy>
<P>
On the LP "Extraordinary Machine," the most controversial--and fantastically talented--alto in all of singer-songwriterdom grudgingly gives us what we wanted: a straight-up terrific record. Like much of her best work, it's rather an enigma, every sultry purr threatening to become a snarl.
</P>
<P>
Filed in: <A href="http://music.download.com/2001-8573_32-0.html?tag=MDL_newsletter_content_genre">Adult Alternative Pop/Rock</A>
</P>
</DIV>
<DIV class=panel-bottom>
<DIV class=panel-play>
<DIV class=button-pp>
<A style="CURSOR: pointer" onclick="checkCookiesPlayList('artist-100022071','Fiona Apple');void(0);"></A>
</DIV>
<A class=h5 href="/fionaapple/3600-8573_32-100022071.html?tag=MDL_genre_door">Fiona Apple<IMG alt="More information on this artist" src="http://i.d.com.com/i/mdl/global/2006/pages/moron_artist.gif"></A>
</DIV>
<DIV class=sample-play>
<A id=img_100022071_smpl_ref class=sample><SPAN>Sample</SPAN></A>
</DIV>
</DIV>
</DIV>
<DIV style="FILTER: alpha(opacity=0); VISIBILITY: hidden; opacity: 0" id=tablayer-fdpc-3 class=slide>
<A class=h3 href="/fullalbumstreamstomptheyardsoundtrack/3600-10615_32-100999357.html?tag=MDL_genre_door">Full album stream: Stomp The Yard Soundtrack</A>
<DIV class=panel-album>
<A href="/fullalbumstreamstomptheyardsoundtrack/3600-10615_32-100999357.html?tag=MDL_genre_door"><IMG alt="Full album stream: Stomp The Yard Soundtrack" src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width=100 height=100></A>
</DIV>
<DIV class=panel-copy>
<P>
The beat-tastic film about a step competition proves, not surprisingly, to offer one of the most stellar hip-hop soundtracks in '07. In one sense, it's a document of ambitious urban music circa Chemist's turntable madness and the Roots' organic live beats.
</P>
<P>
Filed in: <A href="http://music.download.com/2001-10615_32-0.html?tag=MDL_newsletter_content_genre">Film Soundtracks</A>
</P>
</DIV>
<DIV class=panel-bottom>
<DIV class=panel-play>
<DIV class=button-pp>
<A style="CURSOR: pointer" onclick="checkCookiesPlayList('artist-100999357','Full album stream: Stomp The Yard Soundtrack');void(0);"></A>
</DIV>
<A class=h5 href="/fullalbumstreamstomptheyardsoundtrack/3600-10615_32-100999357.html?tag=MDL_genre_door">Stomp The Yard Soundtrack<IMG alt="More information on this artist" src="http://i.d.com.com/i/mdl/global/2006/pages/moron_artist.gif"></A>
</DIV>
<DIV class=sample-play>
<A id=img_100999357_smpl_ref class=sample><SPAN>Sample</SPAN></A>
</DIV>
</DIV>
</DIV>
</DIV>
</DIV>
<script defer=defer>
new SimpleCarousel($('musicCarousel'), $$('#musicCarousel div.slide'), $$('#musicCarousel a.button'), {
rotateAction: 'click', /*lets make the user click to jump*/
slideInterval: 2000,
onShowSlide: function(){
$$('#musicCarousel div.panel-top a.off img').each(function(button, index){
button.src = button.src.replace('_on', '_off');
});
$$('#musicCarousel div.panel-top a.selected img').each(function(button, index){
button.src = button.src.replace('_off','_on');
});
}
});
</script>