web制作時に便利そうなjQueryプラグインを見つけたのでメモ。
ボックスからはみ出したテキストを「…」に変換してくれます。
アーカイブスのテキスト表示や、商品リストのテキスト表示を整えてくれるので、
CMS構築やECサイト制作、ホームページ作成時に重宝しそうです。
まずjQuery本体とプラグインをwebサイトに読み込みます。
<script src="lib/jquery-1.9.0.min.js"></script> <script src="source/jquery.swipebox.min.js"></script>
バインドしたいクラスを指定。
<script type="text/javascript">
$(document).ready(function() {
$(".ellipsis").dotdotdot({
after: "a.read-more"
});
});
</script>
オプションでパス間を縮めたりもできる様です。
