Rumah > pembangunan bahagian belakang > tutorial php > 这样的列表显示是如何循环的呢

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

WBOY
Lepaskan: 2016-06-13 13:17:33
asal
1076 orang telah melayarinya

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

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



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

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>
Salin selepas log masuk
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan