1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd& ...
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html "http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>示例</title> 6 <link href="Styles/demo.css" rel="stylesheet" type="text/css" /> 7 <script src='/images/loading.gif' data-original="jquery/jquery-1.4.4.min.js" type="text/javascript"></script> 8 <script src='/images/loading.gif' data-original="jquery/jquery-1.4.4.src.js" type="text/javascript"></script> 9 <script src='/images/loading.gif' data-original="jquery/demo.js" type="text/javascript"></script>10 </head>11 <body>12 <div class="top">13 </div>14 <div class="list">15 <div class="img_list" id="img_list">16 <div class="items" id="items">17 <ul class="item">18 <li class="i_thumb"><a href="#" target="_blank">19 <img src='/images/loading.gif' data-original="image/201411.jpg" /></a></li>20 <li class="i_title"><span class="order">1</span><a href="#" target="_blank">图片</a></li>21 </ul>22 <ul class="item">23 <li class="i_thumb"><a href="#" target="_blank">24 <img src='/images/loading.gif' data-original="image/201411.jpg" /></a></li>25 <li class="i_title"><span class="order">2</span><a href="#" target="_blank">图片</a></li>26 </ul>27 <ul class="item">28 <li class="i_thumb"><a href="#" target="_blank">29 <img src='/images/loading.gif' data-original="image/201411.jpg" /></a></li>30 <li class="i_title"><span class="order">3</span><a href="#" target="_blank">图片</a></li>31 </ul>32 <ul class="item">33 <li class="i_thumb"><a href="#" target="_blank">34 <img src='/images/loading.gif' data-original="image/201411.jpg" /></a></li>35 <li class="i_title"><span class="order">4</span><a href="#" target="_blank">图片</a></li>36 </ul>37 <div class="clear">38 </div>39 </div>40 <div class="showmore" id="showmore">41 <a class="handle" href="javascript:show()">显示更多结果</a></div>42 </div>43 </div>44 </body>45 </html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:网站图片列表动态显示、根据屏幕宽度动态设置DIV的CSS样式
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。