CherishLyf / UI

自己写的，基于jQuery的UI组件

基于 jQuery 的UI组件

目前只支持 谷歌浏览器，IE 10+，火狐浏览器

图片画廊 Gallary

图片画廊在线地址

使用方法

html部分

<div class="UI-gallary" data-id="UI-gallary-1">
    <ul class="UI-gallary-list">
        <li class="UI-gallary-item">
            <img src="images/1.jpg" data-caption="标题一" alt="" />
            <h3>标题一</h3>
        </li>
        <li class="UI-gallary-item">
            <img src="images/2.jpg" data-caption="标题二" alt="" />
            <h3>标题二</h3>
        </li>
        <li class="UI-gallary-item">
            <img src="images/3.jpg" data-caption="标题三" alt="" />
            <h3>标题三</h3>
        </li>
        <li class="UI-gallary-item">
            <img src="images/4.jpg" data-caption="标题四" alt="" />
            <h3>标题四</h3>
        </li>
    </ul>
</div>

目前只有一种皮肤，以后再完善一些其他的功能

折叠面板 Accordion

折叠面板

选项卡 tab

选项卡