javascript的滾動以及無縫銜接

2021-08-27 18:45:47 字數 1622 閱讀 5891

思路//

//從右向左移動 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...