<!-- 放到body里 -->
<div id="slider">
    <img src="img/avatar.jpg" alt="" />
    <img src="img/ironman.jpg" alt="" title="Ironman Screenshot" />
    <a href=""><img src="img/imagewithlink.jpg" alt="" /></a>
    <img src="img/tron.jpg" alt="" />
</div>
<!-- 放到body里 -->

<!-- 放到head里 -->
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/flux.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
		$(function(){
			if(!flux.browser.supportsTransitions)
				alert("Flux Slider 需要您的浏览器支持 CSS3 transitions ，否则效果无法显示。");
				//上面这句是个弹出框，提醒用户浏览器版本过旧。	
				window.f = new flux.slider('#slider', {
					//下面是可以设置的参数选项。
					controls: true,
					autoplay: false,
					transitions: ['zip','bars3d','cube','tiles3d','blinds3d','turn','explode','concentric','warp','blocks2'],
					//可以是一个或者多个，多个时，则图片在切换时随机使用。
			});
		});
</script>
<!-- 放到head里 -->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
  $(function() {
    if ($.browser.msie && $.browser.version.substr(0,1)<7)
    {
      $('.tooltip').mouseover(function(){
            $(this).children('span').show();
          }).mouseout(function(){
            $(this).children('span').hide();
          })
    }
  });
</script>