文字排版

JavaScript

$(function(){
    $('#container').sliphover({
        textAlign: 'left',
        verticalMiddle: false
    });
});

HTML

<div id="container">
    <ul>
        <li>
            <a href="" target="_blank">
                <img src="images/1.jpg" title="这是一个标题或描述">
            </a>
        </li>
        <li>
            <a href="" target="_blank">
                <img src="images/2.jpg" title="这里可以放标题或描述">
            </a>
        </li>
        <li>
            <a href="" target="_blank">
                <img src="images/3.jpg" title="还可以是 HTML 代码">
            </a>
        </li>
        ……
    </ul>
</div>