Home >Backend Development >PHP Tutorial > 这样的列表显示是如何循环的呢

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

WBOY
WBOYOriginal
2016-06-13 13:17:331074browse

这样的列表显示是怎么循环的呢
怎么没有上传图片功能的

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



------解决方案--------------------

PHP code



<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>

<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="'.%24picArr%5B0%5D.'" class="'.$style1.'" alt=" 这样的列表显示是如何循环的呢 " >
    <span>This is a test</span>
    <img  src="'.%24picArr%5B1%5D.'" class="'.$style2.'" alt=" 这样的列表显示是如何循环的呢 " >
    <span>This is a test</span>
    </div>
';
}
?>
    


 <div class="clear">
                 
              
              
        
            </div>
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn