2013-11-01から1ヶ月間の記事一覧

ページ内リンクのプラグインを作成しました。

JS

簡単なページ内リンクのプラグインを作成しました。 The Link In A PageHTML <body> <div id="container"> <header> <h1>The Link In A Page</h1> </header> <nav> <ul> <li class="ex01 link_button" data-from="ex01"> <p><a href="#ex01">ex01</a></p> </li> <li class="ex02 link_button" data-from="ex02"> <p><a href="#ex02">ex02</a></p> </li></ul></nav></div></body>

指定文字以上の文を切り取り、文末に「...」を追加する

JS

簡単なプラグインを作成しました。 OmitjQuery ;(function($){ $.fn.omit = function(cnt){ var elem = $(this); var mark = '...'; elem.each(function(){ var str_origin = $(this).text(); //文字数でカット var str = str_origin.slice(0,cnt); //タイト…

cssで指定幅以上の文字を切り取り、末尾に「...」をつける

CSS

参考リンク → http://monopocket.jp/blog/css/2866/指定の要素のスタイルに例えばp要素であれば p{ width: 200px; margin: 0 auto; //以下３つのcssを適用する text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } これで、幅200px以上の分…

ToolTip

JS

tooltip簡単なツールチップのプラグインを作成してみました。 data-tooltipで対象の要素を指定し、ホバーしている最中にマウス付近に表示されます。 ;(function($){ $.fn.toolTip = function(options){ var elem = $(this); var opts = $.extend({},$.fn.too…