当前位置: 代码迷 >> PHP >> 这样的列表显示是如何循环的呢
  详细解决方案

这样的列表显示是如何循环的呢

热度:75   发布时间:2012-09-06 10:37:01.0
这样的列表显示是怎么循环的呢
怎么没有上传图片功能的

这样不规则的图片循环怎么写代码? 



------解决方案--------------------
PHP code

<!doctype html>
<html>
<meta charset=utf-8>
<style>
.main_wrapper{width:900px;min-height:200px;margin:10px auto;overflow:hidden;}
.two_pictures{width:200px;float:left;margin-bottom:10px;padding:5px;margin:6px;}
.main_wrapper,.two_pictures,img{border:1px solid #ABC;}
.pic_1{height:150px;width:200px;}
.pic_2{height:100px;width:200px;}
<!--样式随便改-->
</style>
<body>
<div class="main_wrapper">
<?php
for($i=0;$i<8;++$i){
if(($i)%2==0){
$style1="pic_2";
$style2="pic_1";
}else{
$style1="pic_1";
$style2="pic_2";
}
$picArr = array(
"http://www.iimei.com/1/xunhuan.jpg",
"http://www.iimei.com/1/xunhuan.jpg"
);//把图片改为动态的,自已调整
echo '
    <div class="two_pictures">
    <img src="'.$picArr[0].'" class="'.$style1.'"/>
    <span>This is a test</span>
    <img src="'.$picArr[1].'" class="'.$style2.'"/>
    <span>This is a test</span>
    </div>
';
}
?>
    
</div>
</body>
</html> 
  相关解决方案