ブログサイドバーの例

大量に並べる場合、
idを設定した<div>タグを手書きで書くとめんどいので、
そんな時はスクリプトで要素を生成するといいです。

サイドバーに9個縦に並べて、
記事下に1個表示する感じの例。
↓記事下↓
<div style="border:1px solid red;">
<div id="AIS_image_0" style="max-width:200px;"></div>
<div id="AIS_text_0"></div>
</div>
↑記事下↑
↓サイドバー↓
<div style="border:1px solid blue;width:200px;">
<script>
for(i=1;i<10;i++){
document.write('<div style="margin-bottom:10px;">');
document.write('<div id="AIS_image_'+i+'" style="max-width:200px;"></div>');
document.write('<div id="AIS_text_'+i+'"></div>');
document.write('</div>');
}
</script>
</div>
↑サイドバー↑

<script src="http://example.com/ais/dir/0/script.js" defer="defer" charset="utf-8"></script>



↓記事下↓



↑記事下↑
↓サイドバー↓


↑サイドバー↑



posted by ST at 2010-10-11 01:26 | Affiliate Item Selecter | このブログの読者になる | 更新情報をチェックする