<p > <ul > <li > <p >今天</p> <p > <p><img src="../../dist/img/changeSunny.png" alt="" /></p> </p> <p > <p>21 ~ 15 ℃</p> <p>1.01325 bar</p> </p> </li> <li > <p >明天</p> <p > <p><img src="../../dist/img/sunny.png" alt="" /></p> </p> <p > <p>21 ~ 15 ℃</p> <p>1.01325 bar</p> </p> </li> <li > <p >后天</p> <p > <p><img src="../../dist/img/cloudy.png" alt="" /></p> </p> <p > <p>21 ~ 15 ℃</p> <p>1.01325 bar</p> </p> </li> <li > <p >7/8日</p> <p > <p><img src="../../dist/img/rain.png" alt="" /></p> </p> <p > <p>21 ~ 15 ℃</p> <p>1.01325 bar</p> </p> </li> <li > <p >7/9日</p> <p > <p><img src="../../dist/img/snow.png" alt="" /></p> </p> <p > <p>21 ~ 15 ℃</p> <p>1.01325 bar</p> </p> </li> <li > <p >7/10日</p> <p > <p><img src="../../dist/img/rain.png" alt="" /></p> </p> <p > <p>21 ~ 15 ℃</p> <p>1.01325 bar</p> </p> </li> </ul> </p>.weather-box{border:1px solid #5575a7;margin-bottom:10px;height:66px;overflow:hidden;}.weather-box-li{background:#485973;border-right:1px solid #5575a7;padding:0;}.weather-box-li:nth-child(3n){}.weather-ul li { float:left; width:33%; background:#485973;border-right:1px solid #5575a7;}.weather-ul li:nth-child(2) {width:34%;}.whether-time{color:#fff;font-size:25px;height:66px;line-height:66px;margin-right:15px;margin-left:15px;}.whether-logo{margin-right:15px;}.whether-logo>p{height:66px;display:table-cell;vertical-align:middle;}.whether-logo img{width:55px;}.weather-infor{color:#00ffff;font-size:22px;} <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../dist/js/jquery.SuperSlide.js"></script> <script type="text/javascript"> jQuery(".weather-box").slide( {mainCell:".weather-ul",effect:"leftLoop",vis:3,scroll:1,autoPlay:true} ); </script>注意:.weather-box-li 不能設置padding值,會導致滾動異常。
此插件也支持表格向上不停滾動,但是需要把表格放到li里面
<p style="height:300px;overflow:hidden;border-bottom:1px solid #ccc;"> <ul > <li> <table > <tbody> <tr> <td ><span >1</span></td> <th >行業名稱1</th> <td >昆山</td> <td >50</td> <td >20</td> <td >30</td> </tr> <tr> <td><span >2</span></td> <th>行業名稱1行業名稱1行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >3</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >4</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >5</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >6</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >7</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >8</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >9</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >10</span></td> <th>行業名稱1</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >1</span></td> <th>行業名稱2</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >2</span></td> <th>行業名稱2</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >3</span></td> <th>行業名稱2</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >4</span></td> <th>行業名稱2</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> <tr> <td><span >5</span></td> <th>行業名稱2</th> <td>昆山</td> <td>50</td> <td>20</td> <td>30</td> </tr> </tbody> </table> </li> </ul></p>jQuery(".outscrollp").slide({ mainCell: ".shuchaguanliTab", effect: "topMarquee", vis: 1, interTime: 40, autoPlay: true });(adsbygoogle = window.adsbygoogle || []).push({});
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
網絡推廣與網站優化公司（網絡優化與推廣專家）作為數字營銷領域的核心服務提供方，其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代，公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而，對于許多公司來說，網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代，企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而，對于許多中小企業來說，高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是，隨...
如何卸載AD廣告攔截大師？攔截手機廣告的方法有很多種。具體方法和步驟如下：1。從正規應用商城下載軟件，不要下載來歷不明的手機軟件；2。發現該廣告設置為禁止手機軟件廣告，防止部分廣告彈出；3。安裝騰訊移動管家等第三方移動安全管理軟件攔截廣告。請問Adb如何設置對人人影視YYET的過濾廣告？關于ABP規則| |res.yyets.com/ads/*據說刪除這個可以。Cafan還有一個驗證碼，非常煩人。...
可以播放RMVB的手機播放器？接受手機端播放mp3rmvb格式文件的播放器大體有：暴風影音、百度影音、moboplayer、RockPlayer等等。就像比較比較就是喜歡的是RockPlayer。哪款品牌手機能播放RM格式的歌曲？很歉疚的告訴你，這個問題大部分很不太好辦到。更不用說手機，連現在絕大多數的PMP播放器，基本是都不支持什么rm或rmvb的格式。幫我推薦：在用相關轉換成軟件，轉換成成意見...
edge瀏覽器進不去知網什么原因？因為用戶輸入了錯誤的賬號和密碼，會導致用戶無法 我登錄不了知網。用戶可以在登錄界面點擊忘記密碼，根據提示輸入新密碼，這樣用戶就可以修改知網賬號的密碼了。microsoft edge怎么打不開？你能解決的問題。;不要使用邊緣瀏覽器:1.右鍵單擊 "這臺電腦 "。在菜單欄中，單擊屬性。edge無法正常啟動？首先，注意清理瀏覽器 s緩存，并盡可能刪除緩存中的圖片和視頻，...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）