テーブルで1行おきに背景色を変える。｜web bibo
昔（テーブルレイアウトの時代）は、trやtd一つ一つにbackgroundで指定していました。CSSが普及してきてからはidまたはclassで指定したtrやtdにbackground-colorなどで色付けしています。 ただ問題は、各行にclassを付けて1行おきに背景色を変えるテーブルを作成します。そして、そのテーブルに新しい行を追加または削除すると、行の順番が変わるので色付け用のclassをまた付け直さなければなりません。かなり面倒ですよね。これから紹介するのは行を追加・削除しても1行おきに背景色が変わる方法です。メインはJavascriptになっちゃうんですけど、参考にしてみてください。 Javascriptを記述 //-------------値設定--------------- var classN = "zebra"; //クラス名を指定 var addClass1 = "
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
[JS]滑らかにスライドするナビゲーションを実装するチュートリアル
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
Simple Page Peel Effect with jQuery & CSS
You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wireframe The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg
The jQuery Style - Awesome sites built with jQuery
Captcha security check jquerystyle.com is for sale Please prove you're not a robot View Price Processing
Firebug内でHTML/CSSについて調べられるアドオン「FireScope」:phpspot開発日誌
FireScope Firebug内でHTML/CSSについて調べられるアドオン「FireScope」。 Firebugを利用していると、ふとCSSを調べたくなるときなんかがあったりしますが、FireScopeをインストールすればその場でリファレンスが引けるようです。 属性のルックアップ MAPタグの使い方表示 JavaScriptも引けたらいいかもしれませんね。 【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル 関連エントリ HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」 ソースを見ながらリアルタイムで牽けるXHTML＆CSSリファレンス「HTML Playground」
Home - Luke Larsen
Hi, I'm Luke LarsenI'm a UX Leed Engineer based in Utah. I currently work for PlutoTV where I design and build interfaces that allow our internal teams to schedule content, and manage channels. I have planned and built out entirely new features while also maintaining existing areas in the system. I co-started a component library that powers the system and keeps the team organized. I enjoy planning
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSとjQueryで作るカラフルなアナログ時計 – creamu
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌
Home必发全球顶尖娱乐首页|最佳线路
method
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳