バージョン選択

フォーラム

メニュー

オンライン状況

31 人のユーザが現在オンラインです。 (23 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 31
もっと...

サイト内検索

質問 > フロント機能 > トップの新着情報を記事表示を奇数、偶数で背景色を変更したい

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
DELIGHT
投稿日時: 2012/12/21 15:41
対応状況: −−−
仙人
登録日: 2010/2/3
居住地: 熊本県・九州・長野県・関東甲信越
投稿: 572
Re: トップの新着情報を記事表示を奇数、偶数で背景色を変更したい
新着情報のブロックにこんな風に記述してみてください。

<script type="text/javascript">
$(function(){
$('#news_area .newslist:odd') //奇数番目の.newslist
.css({
background: '#ffffff',
color: '#000000'
});
$('#news_area .newslist:even') //偶数行の.newslist
.css({
background: '#000000',
color: '#ffffff'
});
})
</script>

id=news_areaな要素内の、奇数又は偶数番目の.newslistにstyle要素を適用するjavascriptです。

下記URLに、最初だけ・最後だけ・○番目だけ等
色々な選び方(セレクタ)が載っていますので参考までに。
http://semooh.jp/jquery/api/selectors/


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/

フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   トップの新着情報を記事表示を奇数、偶数で背景色を変更したい kitanosaki 2012/12/21 15:28
   » Re: トップの新着情報を記事表示を奇数、偶数で背景色を変更したい DELIGHT 2012/12/21 15:41
     Re: トップの新着情報を記事表示を奇数、偶数で背景色を変更したい kscom 2012/12/21 15:51
     ありがとうございます!! kitanosaki 2012/12/21 22:15

 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は89,392名です
総投稿数は110,082件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1652
8
red
1570
9
mcontact
1304
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.