Picture rollover and top right corner tips comprehensive display

HTML code:

<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/> <title>jquery hover mouse hover brand picture rotate animation show </title> <meta name="Description"Content="jquery hover mouse hover picture effects, brand image list through the mouse over the brand image rotation animation display, the mouse away from the brand image rotation back. "/>"Text/css"> *{margin:0; padding:0; List-style-Type:none; } A, img {border:0; Text-Decoration:none; } body {font:12px/ the% Arial, Helvetica, Sans-serif,"New song Body"; }        /*Allbrand*/. Allbrand brand {width:1090px;            height:1005px;            Overflow:hidden; margin:40px Auto0Auto;            }. Allbrand brand a {display:inline;            position:relative; float: Left;            width:200px;            height:200px; Line-height:70px; Text-Align:center;            Color: #fff; Font-size:14px;        margin:20px 20px 20px 20px;            }. Allbrand Brand a img {position:absolute;            left:0px; Width: -%; Height: -%;        border:1px solid #e9e8e8;            }. Allbrand Brand a B {display:none;            Position:absolute;            top:36px;            left:0px;            width:200px;            height:200px;            Background: #f60;            border:1px solid #e9e8e8;            Cursor:pointer;        Overflow:hidden;            }. Allbrand brand a span {display:block;            width:45px;            height:45px;            Position:absolute;            left:180px; Top:-20px; Text-Align:center;            Color: #fff; Line-height:45px; Font-Family:microsoft Yahei; Font-size:20px; Font-weight: the; }. Top {Background:url ("Http://s0.husor.cn/image/index/icons1.png") no-repeat-246px-6px; Z-index: -; }                                </style> <divclass="Allbrand"> <divclass="Brand"> <a target="_blank"href="http://www.17sucai.com/"> "Lange"Src="images/20121119104931.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "Silk Pagoda"Src="images/20121015052055.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "Olay"Src="images/20121123030707.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "Kose"Src="images/20121210102224.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "Maybelline"Src="images/20121220100203.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "The secret of water"Src="images/20130106112242.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "Mentholatum"Src="images/20121220100514.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "JUST BB"Src="images/20130106112655.jpg"/> <spanclass="Top">1</span></a> <a target="_blank"href="http://www.17sucai.com/"> "Olay"Src="images/20121123030707.jpg"/> <spanclass="Top">1</span></a> </div> </div> <script type="Text/javascript"Src="Js/jquery-1.6.4.min.js"></script> <script type="Text/javascript">//Brand RollovervarAllbrandanimate =function (t,d) {if(T.find ('. Brand B'). length! =0){        return false; } t.find ('. Brand a'). each (function () {$ ( This). Append ('<b>'+ $( This). Find ('img'). attr ('alt') +'</b>')    }); T.find ('. Brand a'). Hover (function () {$ ( This). Find ('img'). Stop (). Animate ({'Height':0,'Top':'100px'},d,function () {$ ( This). Hide (). Next (). Next (). Show (); $( This). Next (). Next (). Animate ({'Height':'200px',                'Top':'0'},d);    }); },function () {$ ( This). Find ('b'). Animate ({'Height':0,'Top':'100px'},d,function () {$ ( This). Hide (). Prev (). Prev (). Show (); $( This). Prev (). Prev (). Animate ({'Height':'200px',                'Top':'0'},d);    }); });} Allbrandanimate ($ ('. Allbrand'), the); </script></body>
Picture rollover and top right corner tips comprehensive display