自製乙個滾動條

2022-02-03 20:00:51 字數 1214 閱讀 1299

參考文章:【

1

<

html

>

2<

head

>

3<

title

>自定義滾動條

title

>

4<

style

>

5#parent

1112

#child

18#box

23style

>

24head

>

25<

body

>

26<

div

id="parent"

>

27<

div

id="child"

>

div>

28div

>

29<

div

id="box"

>

div>

30<

script

>

3132

window.onload

=function

() 49

50if

(l >

oparent.offsetwidth

-ochild.offsetwidth)

5354

//定義乙個滾動的比例,因為l的大小是由上面的判斷語句決定的,所以scale需要定義在判斷語句下面,定義在上面會出問題

55var

scale =l

/(oparent.offsetwidth - ochild.offsetwidth);

56ochild.style.left =l

+'px'

;57obox.style.width

=scale

*300+'

px';58

obox.style.height

=scale

*300+'

px';59

60}61document.onmouseup

=function

() 65

return

false;66

}67}68

script

>

69body

>

70html

>

自製 flash slider滾動條

這段時間用flash做了乙個專案,其中用到了flash slider滾動條的功能,本來想用官方的元件,無奈修改樣式過於麻煩,也不好用,所以自己製作了乙個,可以實現相類似的功能。例項演示 結構如下 myslider是slider的主類,通過setmc mc islider 控制傳入的操作介面,控制影片...

Flash 自製滾動條元件

前幾天做了乙個動畫,其中用到要滾屏的東西,就做了乙個滾動條,雖然flash元件中有這個控制項,但是與我的動畫效面不匹配,就自己做了,並把它封裝成了元件,方便使用。這個元件較簡單,只實現了垂直滾動 使用也簡單,不用寫一行 把元件拖進去,設定一下引數就實現滾動條了。我依然用的是flash 8,雖然好多年...

手動調整滾動條回歸最頂部 乙個自適應滾動條的實現

為了得到乙個自適應滾動條,你需要告訴windows滾動條所覆蓋區域的最大值和最小值,當前滾動條的位置以及滾動條滑塊 thumb,也稱 頁大小 的大小。乙個比較麻煩的方法,是當顯示區域最大值是可變的情況。這和gdi中的座標計算有點不同 gdi中,一段範圍,是不包含終結點的。這會導致在 現類似 1 這樣...