ဘေလာ့(ဂ္)မွာ ပံုမ်ားစြာကို Scroll bar နဲ႔ ေဖာ္ျပခ်င္ရင္ HTML Page တစ္ခုဖန္တီးၿပီး Hosting site တစ္ခုကေန Link နဲ႔ ဆြဲယူသံုးေလ့ ရွိၾကပါတယ္။ အဲဒီလုိ မသံုးပဲ ေဖာ္ျပႏိုင္တဲ့ နည္းေလး တစ္ခုရွိပါတယ္။ ေအာက္မွာ ၾကည့္ပါ။ <div> tag ျဖင့္ အသံုးျပဳျခင္း ျဖစ္ပါတယ္။
အထက္ကအတိုင္း ျဖစ္ေအာင္ ဒီလုိ ေရးထားပါတယ္။
<div style="width: 650px; height: 600px; padding:10px; overflow-y: scroll; scrollbar-arrow-color:blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888; background-color:#0000ff; font-size:12pt; font-weight:bold">
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny01.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny02.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny03.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny04.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny05.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny06.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny07.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny08.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny09.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny10.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny11.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny12.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny14.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny13.jpg" width=100% />
</div>
ဆက္ဖတ္ရန္
အထက္ကအတိုင္း ျဖစ္ေအာင္ ဒီလုိ ေရးထားပါတယ္။
<div style="width: 650px; height: 600px; padding:10px; overflow-y: scroll; scrollbar-arrow-color:blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888; background-color:#0000ff; font-size:12pt; font-weight:bold">
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny01.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny02.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny03.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny04.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny05.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny06.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny07.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny08.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny09.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny10.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny11.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny12.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny14.jpg" width=100% />
<img src="http://www.hemmy.net/images/bizarre/abigailbritanny13.jpg" width=100% />
</div>