かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技 | Webクリエイターボックス

2017/07/07 1897 users CSS Webクリエイターボックス 目次 実装 小技

2015年3月17日 CSS 2011年に「 少しのコードで実装可能な20のjQuery小技集 」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 目次 Div全体をクリックできるようにする... 続きを読む

かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技 | Webクリエイターボックス

2015/03/17 1897 users CSS 偶数 奇数 Webクリエイターボックス 目次

2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変... 続きを読む

jQueryを使って、div全体にリンクを貼る方法。_blank対応も。 | PLUS

2014/04/16 68 users jQuery center margin-right div

例えばボタンなどdiv全体にリンクを貼りたいことがありますが、その際に便利なTipsのご紹介です。 まずは、見た目のみ準備 CSSでボタンを作ります。リンクもdivの中に置いて構いません。CSSでdivの上にマウスがのったときに、カーソルが変わるよう変更しています。 <style> .sbtn{ margin-right:10px; text-align:center; background-co... 続きを読む

Twitter風にエラーや通知をページ上部に表示させるjQueryプラグイン:phpspot開発日誌

2011/10/28 40 users Twitter風 jQueryプラグイン エラー ページ上部

Jquery Notification Plugin. Twitter風にエラーや通知をページ上部に表示させるjQueryプラグイン。 次のようなバーを通知としてページ上部にスライドさせつつ表示するプラグインです。 閉じるボタンなんかもついています WarningやInformationとしてバーの色を変えて出し分けることも出来ます 関連エントリ div全体をクリッカブルにするjQueryプラグイ... 続きを読む

div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」:phpspot開発日誌

2011/10/06 120 users クリッカブル height width jpg IMG SRC

Div Linker | jQuery Plugins div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」。 次のようなマークアップがあったとして、この場合は「Link text」部分にしかリンクされません。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <br /> <a... 続きを読む