質問 > フロント機能 > トップの新着情報を記事表示を奇数、偶数で背景色を変更したい |
フロント機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
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/
|
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
トップの新着情報を記事表示を奇数、偶数で背景色を変更したい | 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 |