思路//
//從右向左移動 left值減少
//1.獲取原始的left值 oldleft
//2.對left值進行減少 newleft = oldleft - dx;
//3.把減少後的值賦給ul
樣式 //對父級div進行相對定位 對ul進行絕對定位
滾**title>
* .itemlist
.itemlist
ul .itemlist
li .item
.clear
style>
head>
class="itemlist clear">
id="itemul">
class="item">1div>
class="item">1div>
class="item">1div>
li>
class="item">2div>
class="item">2div>
class="item">2div>
li>
class="item">3div>
class="item">3div>
class="item">3div>
li>
class="item">1div>
class="item">1div>
class="item">1div>
li>
ul>
div>
var itemul = document.getelementbyid("itemul");
//從右向左移動 left值減少
//1.獲取原始的left值 oldleft
//2.對left值進行減少 newleft = oldleft - dx;
//3.把減少後的值賦給ul
var dx = 50;
// var oldleft = itemul.offsetleft;
// console.log(oldleft);
// var newleft = oldleft - dx;
// itemul.style.left = newleft + "px";
//每隔25毫秒進行移動一次
var current = 0;//第1屏
function
move
() var target = -1*current*820;
var timer = null;
timer = setinterval(function
(),3000)
}else
},25)
}move();
script>
body>
html>還有很大的不足 ,請多多指教~
javascript 文字無縫向上滾動
靜態 style height 30px overflow hidden id marquee 第1段p 第2段p 第3段p 第4段p 第5段p div div 解釋 首先最外層是乙個高度只有30px的層,這樣大概只能顯示一行文字。然後裡面有乙個 marquee的層,這個層包含了很多段文字,高度實際...
javascript之模擬滾動條
demo 如下 孩兒勵志出湘關,學不成名終不還。埋骨何須桑梓地,人生無處不青山。孩兒勵志出湘關,學不成名終不還。埋骨何須桑梓地,人生無處不青山。孩兒勵志出湘關,學不成名終不還。埋骨何須桑梓地,人生無處不青山。孩兒勵志出湘關,學不成名終不還。埋骨何須桑梓地,人生無處不青山。孩兒勵志出湘關,學不成名終不...
JavaScript 滾動頁面到指定元素位置
大體如下 src script document ready function 2000 script id commentlist style text align left src alt class name iefreerp class time 2015 07 17 16 38 45spa...