Cloud Carousel插件实现自动木马旋转效果

来源：互联网发布：megadownloader mac 编辑：程序博客网时间：2024/05/22 03:44

试玩了一下Cloud Carousel插件，下载地址http://www.professorcloud.com/mainsite/carousel.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><mce:script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></mce:script><mce:script src="cloud-carousel/cloud-carousel.1.0.3.min.js" mce_src="cloud-carousel/cloud-carousel.1.0.3.min.js" type="text/javascript"></mce:script><title>cloud-carousel</title><mce:script type="text/javascript"></mce:script></head><body> <div id="carousel1" style="width:600px; height:300px;background:#000;overflow:scroll;"> <img class = "cloudcarousel"src="cloud-carousel/image/1.png" alt="Flag 1 Description" title="Flag 1 Title" /> <img class = "cloudcarousel" src="cloud-carousel/image/2.png" mce_src="cloud-carousel/image/2.png" alt="Flag 2 Description" title="Flag 2 Title" /> <img class = "cloudcarousel" src="cloud-carousel/image/3.png" mce_src="cloud-carousel/image/3.png" alt="Flag 3 Description" title="Flag 3 Title" /> <img class = "cloudcarousel" src="cloud-carousel/image/4.png" mce_src="cloud-carousel/image/4.png" alt="Flag 4 Description" title="Flag 4 Title" /> </div></body></html>

实现的效果如下：