运行代码框

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<머리>

<제목>
<스타일 유형="텍스트/css">
* {마진:0; 패딩:0; }
본문 { 여백:20px 0 400px 20px; 글꼴:12px Arial; }
h1 { 글꼴 크기:14px; }
ol,ul { 여백:20px; 줄 높이:160%; }
ul li { 색상:#f00; }
.a1 { 너비:300px; 높이:190px; 테두리:1px 솔리드 #f00; 오버플로:자동; }
.a2 { 너비:600px; 높이:350px; 여백:100px 0 100px 80px; 테두리:1px 솔리드 #369; 배경:#eee url( );
}
.dumascroll_bar {
위치:절대;
상단:0;
오른쪽:0;
Z-색인:9;
너비:14px;
높이:100%;
커서:기본값;
-moz-user-select:없음;
-khtml-사용자-선택:없음;
사용자 선택:없음;
배경 반복:반복-y;
배경 위치:-42px 0;
부동:왼쪽;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
위치:절대;
왼쪽:0;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
너비:100%;
높이:14px;
색상:#fff;
텍스트 정렬:가운데;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a { top:0; }
.dumascroll_arrow_down,.dumascroll_arrow_down_a { 하단:0; }
.dumascroll_handle,.dumascroll_handle_a { 너비:100%; 배경 반복:반복-y; }
.dumascroll_arrow_up { 배경 위치:0 0; }
.dumascroll_arrow_up_a { 배경 위치:-14px 0; }
.dumascroll_handle { 배경 위치:-28px 0; }
.dumascroll_handle_a { 배경 위치:-56px 0; }
.dumascroll_arrow_down { 배경 위치:-70px 0; }
.dumascroll_arrow_down_a { 배경 위치:-84px 0; }

<스크립트>
var 듀마 = {
$:function(o){ if(document.getElementById(o)) {return document.getElementById(o);} },
getStyle:function(o) { return o.currentStyle||document.defaultView.getCompulatedStyle(o,null); },
getOffset:함수(o) {
var t = o.offsetTop,h = o.offsetHeight;
while(o = o.offsetParent) { t += o.offsetTop; }
return { 상단:t, 높이:h };
},
바인딩:함수(o,eType,fn) {
if(o.addEventListener) { o.addEventListener(eType,fn,false); }
else if(o.attachEvent) { o.attachEvent("on" + eType,fn); }
else { o["on" + eType] = fn; }
},
stopEvent:함수(e) {
e = e || 창.이벤트;
e.stopPropagation && (e.preventDefault(),e.stopPropagation()) || (e.cancelBubble = true,e.returnValue = false);
},
setCookie:function(c_name,value,expiredays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + 만료일);
document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
},
getCookie:함수(c_name) {
if(document.cookie.length > 0) {
c_start = document.cookie.indexOf(c_name + "=");
if(c_start != -1) {
c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";",c_start);
if(c_end == -1) { c_end = document.cookie.length; }
unescape(document.cookie.substring(c_start,c_end))를 반환합니다.
}
}
반품 "";
}
};
duma.BeautifyScrollBar = function(obj,arrowUpCss,arrowUpActiveCss,handleCss,handleActiveCss,arrowDownCss,arrowDownActiveCss) {
this.arrowUpInterval;
this.arrowDownInterval;
this.barMouseDownInterval;
this.relY;
this.id = obj;
this.obj = duma.$(this.id);
this.setObjCss(); //CSS 정의를 위한 CSS 설정을 아래로 하는 것이 좋습니다.
this.obj.innerHTML = '

1. 支持任意形式（包括图片自定义）的美化扩展，跨浏览器支持


2. 支持鼠标按住上、下箭按钮实现上下滚动


3. 支持鼠标滚轮放于“滚动条区”滚动，而不仅限放于滚动内容区才滚


4. 支持鼠标按住滚动条（未松开）并移出滚动区域仍然能拖拽滚动


5. 滚动条子根据左边滚动内容高与可视区域高度比例等比例，且当滚动条细到一定程度时设置最小高度值,内容过少时隐藏滚动条子


6. 支持鼠标在滚动条子的上下空白区间点击实现上、下定位滚动（模拟windows滚动条）


7. 支持键盘上下方向键，滚动区滚完之后才轮到页面body滚


8. 支持页面刷新后保留滚动条滚动位置（需浏览器支持或打开cookie）


9. 鼠标放于自定义滚动区滚动滚轮，滚动区滚完之后才轮到页面body滚


10. 在原来几个版本基础上代码重构，这回只需在渲染的div里追加一个名为"dumascroll" 的class即可自动渲染，而不设此class的不受影响


11. 修复了以往版本所发现的bug：http://bbs.blueidea.com/thread-2936181- 1-3.html " target="">以往版本

将来版本可继续扩 확장된 광고가 있습니다 :

• '下方向'快速滚动支持（更好地模拟windows滚动条用户体验）


• 바디바디의 측면


• 텍스트 영역의 확장


• 이전의 혁신적인 버그가 발견되었습니다.


• 동종 판매

期待大家帮忙寻找newbug并提流宝贵建议, 相信下一版本将做的更好，谢谢（QQ：149561420，gTalk： [email protected] ）。

图文 义滚动条3.0（Duma“自动渲染版”，也许世间万물 都会变，但是真挚的爱，却永远留存재심중！）

1. 支持任의식式(包括图文字义)의 미적 표현
2. 支持鼠标按住上、下箭按钮实现上下滚动
3. 支持鼠标滚轮放于“滚动条区”滚动，而不仅限放于滚动内容区才滚
4. 支持鼠标按住滚动条（未松开）并移流滚动区域仍然能拖拽滚动
5. 滚动条子 根据左边滚动内容高与可视区域高容比例等比例，且当滚动条细到一到到当滚动条细到一到过少时隐藏滚动条子
6. 支持鼠标에서 滚动条子의 상하공백색区间点击实现上、下定位滚动（模拟windows滚动条）
7. 支持键盘上下方向键 ，滚动区滚完之后才轮到页sidebody滚
8. 支持页면刷新后保留滚动条滚动位置（需浏览器支持或打开cookie）
9. 鼠标放于自결정义滚动区滚动滚轮, 滚动区滚完之后才轮到页sidebody滚
10. 현재는 "dumascroll" 클래스가 자체적으로 작동하지 않으며 클래스가 불가능합니다.
11. 修复了以往版本所发现的bug：以往版本

将来版本可继续扩展의功能有：

• 增加空格键的“下方向”快速滚动支持（更好地模拟windows滚动条用户体验）
• 增加页side 본체의 渲染支持
• 增加텍스트 영역의 渲染支持
• 增加嵌套div적 渲染支持（目前代码嵌套时有滚动的bug，被嵌套的div 滚动高島算法到这个版本时将大幅修改）
• 增加同时出现横向滚动条的支持（当有这方face需求时可以扩記）