mb119首页 > 无忧学院 > 程序开发 >

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

织梦源码推荐

本文手机访问二维码

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

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

欢迎大家免费下载试用

先看效果图

代码内容

<li>

<div class="proTitle">木兰古门-高空特训基地</div>

<div class="proDesc">木兰古门风景区位于湖北省武汉市黄陂区姚家集街道，景区占地6600亩，距武汉市中心城区71公里，交通便利。木兰古门风景区是国家级AAA风</div>

<div class="proNums">培训过人数：93人</div>

</li><li>

<div class="proTitle">九真山-趣味型拓展基地</div>

<div class="proDesc">九真山景区是国家AAAA级景区，自然资源丰富，文化底蕴厚重，是知音文化的发源地。景区着力打造友爱和谐的知音文化内涵，来知音故里，</div>

<div class="proNums">培训过人数：91人</div>

</li><li>

<div class="proTitle">清凉寨基地-多样式体能特训</div>

<div class="proDesc">清凉寨景区位于蔡店街道西北部，是中国木兰八景之一。国家 AAAA级景区。距武汉市中心城区85公里，距黄陂中心城区（前川）62公</div>

<div class="proNums">培训过人数：149人</div>

</li><li>

<div class="proTitle">锦里沟-休闲式特训基地</div>

<div class="proDesc">锦里沟旅游度假风景区，国家AAAA级景区，位于武汉市黄陂区北部蔡店街道境内，总面积约10平方公里。土家族地区的两大土司施南土司下属</div>

<div class="proNums">培训过人数：116人</div>

</li><li>

<div class="proDesc">天堂寨古称衡山，又名多云山，是大别山脉第二高峰。它雄踞于皖鄂大别山主峰接壤处，自古为兵家必争之处，帝王巡幸之所，名人登临之境</div>

<div class="proNums">培训过人数：92人</div>

</li><li>

<div class="proTitle">野战国防园-军事化管理</div>

<div class="proDesc">蔡甸是一片革命的热土，历来有着爱国奉献、拥军尚武的光荣传统。革命战争时期，涌现出了红四方面军政委陈昌浩、中国保尔吴运铎、独臂</div>

<div class="proNums">培训过人数：87人</div>

</li><li>

<div class="proTitle">锦里沟-休闲式特训基地</div>

<div class="proNums">培训过人数：116人</div>

</li><li>

<div class="proNums">培训过人数：92人</div>

</li><li>

<div class="proTitle">野战国防园-军事化管理</div>

<div class="proNums">培训过人数：87人</div>

</li>

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

感谢你的支持，我们会继续努力！

扫码打赏，建议金额1-10元

本文手机访问二维码

作者：mb119.com 关注度：时间：2016-04-20 22:35

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ(971977809)进行交流