jquery实现手风琴效果-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

jquery实现手风琴效果-创新互联

手风琴效果
图示:
jquery实现手风琴效果

目前创新互联公司已为数千家的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、商洛网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

html代码:




  • 红玫瑰





  • 白玫瑰





  • 白玫瑰





  • 白玫瑰





  • 白玫瑰




css代码: *{ margin: 0; padding: 0; } img{ border: none; display: block; } #acc { width: 640px; height: 140px; margin: 0 auto; } #acc ul { border-left:1px solid #ddd ; height: 140px; position: relative; } #acc ul li { width:50px; height: 138px; border: 1px solid #ddd; float: left; list-style: none; border-left: 0; position: relative; overflow: hidden; } #acc ul li.active { width: 434px; } #acc ul li h4 { font-size: 14px; color: #000; font-weight:100; width: 14px; height: 98px; padding: 40px 18px 0; } #acc ul li h4.active { background: #f42760; color: #fff; } #acc ul li div { width: 383px; height: 138px; background: blue; position: absolute; top: 0; left: 50px; border-left:1px solid #ddd ; z-index: 0; } #acc ul li img{ width: 383px; height: 138px; } #acc ul li.last { position: absolute; top: 0; right: 0; }

js代码:

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:jquery实现手风琴效果-创新互联
文章链接:http://kswsj.cn/article/ddscsc.html

其他资讯