欢迎光临! 【模板119】平台每天更新源码-所有VIP源码均有在线演示

logo

建站一条龙服务

模板119通用产品列表页产品列表代码

织梦源码推荐
模板119通用产品列表页产品列表代码二维码

本文手机访问二维码

有时候想添加一个浮动型的通用图文列表虽然自己写也比较容易  但代码通常不具有通用性

模板119 特意为方便广大程序辕朋友节省时间下来  本通用源码 稍作改动  可用于大量的网站列表页开发  非常方便

欢迎大家免费下载试用

先看效果图 




代码内容
  <div class="products_lists">
            <ul class="products_lists_ul">
               <li>
                    <div class="proImg"><a href="/a/tuozhanjidi/161.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406004419-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">木兰古门-高空特训基地</div>
                    <div class="proDesc">木兰古门风景区位于湖北省武汉市黄陂区姚家集街道,景区占地6600亩,距武汉市中心城区71公里,交通便利。木兰古门风景区是国家级AAA风</div>
                    <div class="proNums">培训过人数:93人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/160.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406003448-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">九真山-趣味型拓展基地</div>
                    <div class="proDesc">九真山景区是国家AAAA级景区,自然资源丰富,文化底蕴厚重,是知音文化的发源地。景区着力打造友爱和谐的知音文化内涵,来知音故里,</div>
                    <div class="proNums">培训过人数:91人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/155.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160405/1-160405234559-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">清凉寨基地-多样式体能特训</div>
                    <div class="proDesc">清凉寨景区位于蔡店街道西北部,是中国 木兰八景 之一。国家 AAAA级景区 。距武汉市中心城区85公里,距 黄陂 中心城区( 前川 )62公</div>
                    <div class="proNums">培训过人数:149人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/159.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406002151-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">锦里沟-休闲式特训基地</div>
                    <div class="proDesc">锦里沟旅游度假风景区,国家AAAA级景区,位于武汉市黄陂区北部蔡店街道境内,总面积约10平方公里。土家族地区的两大土司施南土司下属</div>
                    <div class="proNums">培训过人数:116人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/158.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406001450-50-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">天堂寨-团队互助</div>
                    <div class="proDesc">天堂寨古称衡山,又名多云山,是大别山脉第二高峰。它雄踞于皖鄂大别山主峰接壤处,自古为兵家必争之处,帝王巡幸之所,名人登临之境</div>
                    <div class="proNums">培训过人数:92人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/157.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406000313-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">野战国防园-军事化管理</div>
                    <div class="proDesc">蔡甸是一片革命的热土,历来有着爱国奉献、拥军尚武的光荣传统。革命战争时期,涌现出了红四方面军政委陈昌浩、中国保尔吴运铎、独臂</div>
                    <div class="proNums">培训过人数:87人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/159.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406002151-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">锦里沟-休闲式特训基地</div>
                    <div class="proDesc">锦里沟旅游度假风景区,国家AAAA级景区,位于武汉市黄陂区北部蔡店街道境内,总面积约10平方公里。土家族地区的两大土司施南土司下属</div>
                    <div class="proNums">培训过人数:116人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/158.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406001450-50-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">天堂寨-团队互助</div>
                    <div class="proDesc">天堂寨古称衡山,又名多云山,是大别山脉第二高峰。它雄踞于皖鄂大别山主峰接壤处,自古为兵家必争之处,帝王巡幸之所,名人登临之境</div>
                    <div class="proNums">培训过人数:92人</div>
                    </li><li>
                    <div class="proImg"><a href="/a/tuozhanjidi/157.html"><img src="http://www.whclhhtx.comhttp://pic.mb119.com/allimg/160406/1-160406000313-lp.jpg" width="200" height="145" /> </a></div>
                    <div class="proTitle">野战国防园-军事化管理</div>
                    <div class="proDesc">蔡甸是一片革命的热土,历来有着爱国奉献、拥军尚武的光荣传统。革命战争时期,涌现出了红四方面军政委陈昌浩、中国保尔吴运铎、独臂</div>
                    <div class="proNums">培训过人数:87人</div>
                    </li>
           
                    <div class="clear"></div>
            </ul>
                  
                </div>

css样式
.products_lists_ul{ padding:15px; }
.products_lists_ul li{ float:left; width:200px; border:1px solid #ccc; margin: 0px 3px 20px; padding:6px; list-style:none;}
.proImg{ height:145px; width:200px;}
.proTitle{ height:30px; line-height: 30px; width:175px; overflow:hidden; background-image:url(../images/t5.png); background-repeat:no-repeat; background-position:0 center; font-weight: bold; font-size: 14px; color: #000; padding-left:25px; margin-top: 10px; border-bottom:1px solid #ccc;}
.proDesc{ height:60px; line-height: 20px; color: #666; font-size: 12px; overflow:hidden;}
.proNums{ height:30px; background-image:url(../images/t6.png); background-repeat:no-repeat; background-position:0 center; color: #006633; line-height: 30px; font-weight: bold; padding-left:20px;}
 

您也可以直接下载打包好的
通用列表代码
百度网盘下载

链 接:http://pan.baidu.com/s/1gfxyOYv              密码:ddr0


模板119通用产品列表页产品列表代码二维码

本文手机访问二维码

作者:mb119.com        关注度:         时间:2016-04-20 22:35
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(971977809)进行交流点击这里给我发消息
相关程序开发内容
在线客服

金融贵金属 HTML5模板响应式模板手机模板营销型模板双语模板商城网站aspcms模板