Jquery多种图片轮滚特效

5种超酷的Jquery轮换特效融为一体。

1. <script type="text/javascript">  
2.         $(document).ready(function(e) {  
3.             ImgRotation.Parent = $("#MainDiv");  
4.             ImgRotation.Initialize();  
5.         });  
6.         var ImgRotation = {  
7.             Parameters: [{  
8.                 width: "400",  
9.                 height: "250"  
10.             }],  
11.             Parent: null,  
12.             Mainchild: null,  
13.             tips: null,  
14.             index: 0,  
15.             dJson: [{  
16.                 imgTips: "img1",  
17.                 imgUrl: "img1.jpg"  
18.             }, {  
19.                 imgTips: "img2",  
20.                 imgUrl: "img2.jpg"  
21.             }, {  
22.                 imgTips: "img3",  
23.                 imgUrl: "img3.jpg"  
24.             }, {  
25.                 imgTips: "img4",  
26.                 imgUrl: "img4.jpg"  
27.             }, {  
28.                 imgTips: "img5",  
29.                 imgUrl: "img5.jpg"  
30.             }],  
31.             Initialize: function() {  
32.                 if (ImgRotation.Parent == null) {  
33.                     ImgRotation.Parent = $(document.body);  
34.                 }  
35.                 ImgRotation.Mainchild = $("<div id=\"container\"></div>");  
36.                 ImgRotation.Parent.append(ImgRotation.Mainchild);  
37.   
38.                 tips = $("<div id=\"tips\"></div>");  
39.                 tips.css("color", "#fff").css("padding-left", "10px").css("padding-top", "10px");  
40.                 tips.css("width", ImgRotation.Parameters[0].width   "px").css("height", "45px").css("background-color", "#333").css("opacity", "0.8").css("margin-top", ImgRotation.Parameters[0].height   "px");  
41.                 ImgRotation.Mainchild.append(tips);  
42.                 ImgRotation.Mainchild.hover(function() {  
43.                     tips.animate({  
44.                         marginTop: ImgRotation.Parameters[0].height - 45   "px"  
45.                     }, 500)  
46.                 }, function() {  
47.                     tips.animate({  
48.                         marginTop: ImgRotation.Parameters[0].height   "px"  
49.                     }, 500)