<strike id="9b3tx"></strike>
<address id="9b3tx"></address>

<noframes id="9b3tx"><address id="9b3tx"><address id="9b3tx"><nobr id="9b3tx"></nobr></address></address>
<noframes id="9b3tx">
<form id="9b3tx"><span id="9b3tx"><th id="9b3tx"></th></span></form>

<noframes id="9b3tx">
  • 本站承諾,永久免費!
  • 每天學習簽到,可以賺取金幣!
  • 贊積分可以兌換金幣、兌換實物禮品!

wp企業模板中圖片滾動效果如何實現

  • 優酷線路1
  • 騰迅線路2
  • 西瓜線路3
  • 本地線路4
  • 奇藝線路5
  • 圖文解說
經常會看到有些企業模板的產品展示部分的圖片是動態滾動的,這個視頻就來演示如何實現這種功能。
 
圖片向左無縫滾動代碼
 
一、css部分代碼:#demo { 
 
    background: #FFF; 
 
    overflow:hidden; 
 
    border: 1px dashed #CCC; 
 
    width: 500px; 
 
 
#demo img { 
 
    border: 3px solid #F2F2F2; 
 
 
#indemo { 
 
    float: left; 
 
    width: 800%; 
 
 
#demo1 { 
 
    float: left; 
 
 
#demo2 { 
 
    float: left; 
 
 
 
 
二、實現代碼:<div id="demo"> 
 
<div id="indemo"> 
 
<div id="demo1"> 
 
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a> 
 
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a> 
 
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a> 
 
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a> 
 
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a> 
 
<a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a> 
 
</div> 
 
<div id="demo2"></div> 
 
</div> 
 
</div> 
 
<script> 
 
<!-- 
 
var speed=10; //數字越大速度越慢 
 
var tab=document.getElementById("demo"); 
 
var tab1=document.getElementById("demo1"); 
 
var tab2=document.getElementById("demo2"); 
 
tab2.innerHTML=tab1.innerHTML; 
 
function Marquee(){ 
 
if(tab2.offsetWidth-tab.scrollLeft<=0) 
 
tab.scrollLeft-=tab1.offsetWidth 
 
else{ 
 
tab.scrollLeft++; 
 
 
 
var MyMar=setInterval(Marquee,speed); 
 
tab.onmouseover=function() {clearInterval(MyMar)}; 
 
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; 
 
--> 
 
</script>
 
57自學網教程報錯
63.1K
歡迎來吐槽
關于我們 | 聯系我們 | 使用協議 | 版權聲明 | 網站地圖 | 廣告服務 | 友情鏈接| RSS訂閱|
備案號:粵ICP備15104870號 (注:備案主體與本站沒有任何關系)

機會是留給有準備的人的,舒服是留給死去的人的!本站承諾,永久免費
社會是在不斷地變化發展的,要使自己的思想適應新的變化,那就得學習,不學習就淘汰。 —— 毛澤東
聲明:本站純屬個人網站與任何企業無關,除部份原創外均收集于網絡閑散資源以及網友上傳提供,我們不確定投稿用戶享有完全著作權
根據《信息網絡傳播權保護條例》,如果侵犯了您的權利,請聯系:13669552114,我站將及時刪除。本站純屬資源收集,無任何商業目的!非喜勿噴,謝謝
收集宗旨:是為了不讓好資源浪費,作者辛苦錄制的視頻無人知悉豈不可惜!同時也幫助一些無法支付超貴培訓費的學員自學!如無意中侵犯了您的權益請聯系刪除!Thank !
分享按鈕
遥远的救世主全文阅读,初高中生洗澡福利网站,老太婆性杂交欧美肥老太,日本一丰满一bbw
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>