bootstrap新闻模块样式模板
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了bootstrap新闻模块样式模板，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3071字，纯文字阅读大概需要5分钟。
内容图文
1 <!-- news beginning -->
2 <div class="container mp30">
3 <div class="row">
4 <div class="col-md-4">
5 <div class="panel panel-default">
6 <div class="panel-heading">
7 <span class="glyphicon glyphicon-list-alt"></span><b>新闻</b></div>
8 <div class="panel-body">
9 <div class="row">
10 <div class="col-xs-12">
11 <ul class="demo1" id="news1">
12 13 </ul>
14 </div>
15 </div>
16 </div>
17 <div class="panel-footer">
18 19 </div>
20 </div>
21 </div>
22 23 <div class="col-md-4">
24 <div class="panel panel-default">
25 <div class="panel-heading">
26 <span class="glyphicon glyphicon-list-alt"></span><b>新闻</b></div>
27 <div class="panel-body">
28 <div class="row">
29 <div class="col-xs-12">
30 <ul class="demo2" id="news2">
31 32 33 </ul>
34 </div>
35 </div>
36 </div>
37 <div class="panel-footer">
38 39 </div>
40 </div>
41 </div>
42 43 <div class="col-md-4">
44 <div class="panel panel-default">
45 <div class="panel-heading">
46 <span class="glyphicon glyphicon-list-alt"></span><b>新闻</b></div>
47 <div class="panel-body">
48 <div class="row">
49 <div class="col-xs-12">
50 <ul class="demo2" id="news3">
51 52 53 </ul>
54 </div>
55 </div>
56 </div>
57 <div class="panel-footer">
58 59 </div>
60 </div>
61 </div>
62 </div>
63 </div>
64 65 <!-- end news -->
66_________________________________________________
67 var s = "";
68 var f= "";
69 var g="";
70 71 72 73$.each(response, function(index, value) {
74 s+=‘<li class="news-item">‘;
75 s+=‘<table cellpadding="4">‘;
76 s+=‘<tr>‘;
77 s+=‘<td><a href="‘+basePath+‘ajax/news-show.jsp?entity.id=‘
78 + value.id + ‘">‘+value.title+‘</a></td>‘;
79 s+=‘</tr></table></li>‘;
80if(index==9)
81returnfalse;
82 })
83 $("#news1").append(s);
84 $.each(response, function(index, value) {
85if(index<=9)
86 {}
87else 88 {
89 f+=‘<li class="news-item">‘;
90 f+=‘<table cellpadding="4">‘;
91 f+=‘<tr>‘;
92 f+=‘<td><a href="‘+basePath+‘ajax/news-show.jsp?entity.id=‘
93 + value.id + ‘">‘+value.title+‘</a></td>‘;
94 f+=‘</tr></table></li>‘;
95if(index==20)
96returnfalse;
97 }
98 99 })
100 $("#news2").append(f);
101 $.each(response, function(index, value) {
102if(index<=20){}
103else104 {
105 g+=‘<li class="news-item">‘;
106 g+=‘<table cellpadding="4">‘;
107 g+=‘<tr>‘;
108 g+=‘<td><a href="‘+basePath+‘ajax/news-show.jsp?entity.id=‘
109 + value.id + ‘">‘+value.title+‘</a></td>‘;
110 g+=‘</tr></table></li>‘;
111if(index==30)
112returnfalse;
113 }
114115 })
116 $("#news3").append(g);
原文：http://www.cnblogs.com/zzzzw/p/4849765.html
内容总结
以上是互联网集市为您收集整理的bootstrap新闻模块样式模板全部内容，希望文章能够帮你解决bootstrap新闻模块样式模板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】