포럼 특수 효과 코드 모음(오래된 전달 - 좋음)_javascript 기술
- WBOY원래의
- 2016-05-16 19:23:34739검색
1. 내용이 넘칠 때의 Overflow 설정(설정된 객체에 스크롤바 표시 여부를 설정)
overflow-x 가로 내용이 넘칠 때의 설정
overflow-y 세로 내용이 넘칠 때의 설정
위 3가지 값 속성 설정 중 표시(기본값), 스크롤, 숨김 및 자동이 있습니다.
2． scrollbar-3d-light-color 3차원 스크롤 막대의 밝은 가장자리 색상(스크롤 막대의 색상 설정)
scrollbar-arrow-color 위쪽 및 아래쪽 버튼의 삼각형 화살표 색상
scrollbar-base-color 스크롤바의 기본 색상
scrollbar-dark-shadow-color 3차원 스크롤바의 강한 그림자 색상
scrollbar-face-color 튀어나온 부분의 색상 3차원 스크롤 막대 부분
scrollbar-highlight-color 스크롤 막대의 빈 부분 색상
scrollbar -shadow-color 3차원 스크롤 막대 그림자 색상
위 스타일 속성을 몇 가지 예를 통해 설명하겠습니다.
1. 브라우저 창에 스크롤 막대가 없도록 합니다.
가로 스크롤 막대가 없습니다.
세로 스크롤 막대가 없습니다.
스크롤바 없음
또는 style="overflow:hidden">
2 여러 줄 텍스트 상자의 스크롤바를 설정합니다
가로 스크롤 막대 없음
세로 스크롤 막대 없음
스크롤 막대 없음
또는
3. 창 스크롤 막대 색상을 설정합니다.
창 스크롤 막대를 설정합니다. 색상은 빨간색입니다.
scrollbar-base-color 기본 색상을 설정합니다. 일반적으로 스크롤 막대 색상을 변경하려면 이 속성만 설정하면 됩니다.
특수 효과 추가:
4. 스타일 시트 파일에 클래스를 정의하고 스타일 시트를 호출합니다.
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
다음과 같이 호출하세요:
경계 없는 창 코드//1단계:
영역에 다음 코드 추가
//2단계: 다음 코드 추가
지역에 가입하세요 <script> <BR>minimizebar="minimize.gif"; //视窗右上角最小化「按钮」的图片 <BR>minimizebar2="minimize2.gif"; //滑鼠悬停时最小化「按钮」的图片 <BR>closebar="close.gif"; //视窗右上角关闭「按钮」的图片 <BR>closebar2="close2.gif"; //滑鼠悬停时关闭「按钮」的图片 <BR>icon="icon.gif"; //视窗左上角的小图标 <br><br>function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr) //定义一个弹出无边视窗的函数，能数意义见下面「参数说明」，实际使用见最後的实例。 <BR>/* <BR>------------------参数说明------------------- <BR>fileName ：无边视窗中显示的文件。 <BR>w ：视窗的宽度。 <BR>h ：视窗的高度。 <BR>titleBg ：视窗「标题栏」的背景色以及视窗边框颜色。 <BR>moveBg ：视窗拖动时「标题栏」的背景色以及视窗边框颜色。 <BR>titleColor ：视窗「标题栏」文字的颜色。 <BR>titleWord ：视窗「标题栏」的文字。 <BR>scr ：是否出现卷轴。取值yes/no或者1/0。 <BR>-------------------------------------------- <BR>*/ <BR>{ <BR>var contents="<html>"+ <BR>"<head>"+ <BR>"<title>"+titleWord+""+ <BR>"<META http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">"+ <BR>"<object id=hhctrl type='application/x-oleobject' classid='clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11'><param name='Command' value='minimize'>"+ <BR>""+ <BR>"<body topmargin=0 leftmargin=0 scroll=no onselectstart='return false' ondragstart='return false'>"+ <BR>" <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+ <BR>" <tr height=18 style=cursor:default; onmousedown='x=event.x;y=event.y;setCapture();mainTab.bgColor=\""+moveBg+"\";' onmouseup='releaseCapture();mainTab.bgColor=\""+titleBg+"\";' onmousemove='if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);'>"+ <BR>" <td width=18 align=center><img height=12 style="max-width:90%"+icon+" alt="포럼 특수 효과 코드 모음(오래된 전달 - 좋음)_javascript 기술" >"+ <BR>" <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+""+ <BR>" <td width=14><img border=0 width=12 height=12 alt=最小化 src="+minimizebar+" onmousedown=hhctrl.Click(); onmouseover=this.src='"+minimizebar2+"' onmouseout=this.src='"+minimizebar+"'>"+ <BR>" <td width=13><img border=0 width=12 height=12 alt=关闭 src="+closebar+" onmousedown=self.close(); onmouseover=this.src='"+closebar2+"' onmouseout=this.src='"+closebar+"'>"+ <BR>" "+ <BR>" <tr height=*>"+ <BR>" <td colspan=4>"+ <BR>" <iframe name=nbw_v6_iframe src="+fileName+" scrolling="+scr+" width=100% height=100% frameborder=0>"+ <BR>" "+ <BR>" "+ <BR>" "+ <BR>""+ <BR>""; <BR>pop=window.open("","_blank","fullscreen=yes"); <BR>pop.resizeTo(w,h); <BR>pop.moveTo((screen.width-w)/2,(screen.height-h)/2); <BR>pop.document.writeln(contents); <BR>if(pop.document.body.clientWidth!=w||pop.document.body.clientHeight!=h) //如果无边视窗不是出现在纯粹的IE视窗中 <BR>{ <BR>temp=window.open("","nbw_v6"); <BR>temp.close(); <BR>window.showModalDialog("about:<"+"script language=javascript>window.open('','nbw_v6','fullscreen=yes');window.close();"+"</"+"script>","","dialogWidth:0px;dialogHeight:0px"); <BR>pop2=window.open("","nbw_v6"); <BR>pop2.resizeTo(w,h); <BR>pop2.moveTo((screen.width-w)/2,(screen.height-h)/2); <BR>pop2.document.writeln(contents); <BR>pop.close(); <BR>} <BR>} <BR></script>open〈/a〉
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.