Tip: You can modify some of the code before running
<ptml> <pead> <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/> <meta name=" Copyright content= "Chinese webmaster http://www.111cn.net/"/> <meta name= "description" Content= "The picture with CSS scrolling pull effect"/> <meta content= "scrolling pull effect with CSS pictures" name= "keywords"/> <title> scrolling pull effect with CSS pictures </title> </pead> <style type= "Text/css" > <!--ul {border:3px double #999; height:300px; width:200px; Overflow:auto; Overflow-x: Hidden; padding:2px; Scrollbar-3dlight-color: #cccccc; Scrollbar-arrow-color: #ffffff; Scrollbar-base-color: #cccccc; Scrollbar-darkshadow-color: #cccccc; Scrollbar-face-color: #ccc; Scrollbar-highlight-color: #ffffff; Scrollbar-shadow-color: #ffffff; Li {list-style-type:none;} li a img {filter:alpha (opacity=70); Border-top-style:none; Border-right-style:none; Border-bottom-style:none; Border-left-style:none; width:180px; height:50px; padding:2px; Li a:hover img {filter:alpha (OPACITY=100); border:1px solid #666666; padding:1px; }--> </style> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <br><br></div> </div> < /body> </ptml>
Tip: You can modify some of the code before running