DIV+CSS排版的圖片查看器

來源:互聯網
上載者:User

日前在http://www.dynamicdrive.com 看到一例Image Thumbnail Viewer的指令碼,效果還不錯,支援FF1+ IE5+ Opr7+,能通過W3C的檢驗,在IE5.5+中有圖片談出擦除過場效果。重寫了DIV+CSS部分。預覽最終效果。

CSS:

#main{background: #F1F1F1;width: 400px;margin: 0 auto;padding: 10px;}#dynloadarea{width: 400px;height: 300px;}#dynloadarea img{border: solid 2px #FFFFFF;}#thumbs{list-style-type: none;margin: 0 2px;padding: 0;}img{border: 0;}li{float: left;padding: 20px 3px 0 !important;padding: 10px 3px 0;}.clear{clear: both;height: 1px;overflow: hidden;}p{text-align: center;}

div和js指令碼見效果頁

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.