Dreamweaver에서 일반적으로 사용되는 코드 요약
이 글은 Dreamweaver에서 일반적으로 사용되는 코드를 요약한 것입니다. 참고가 필요한 친구들이 참고할 수 있기를 바랍니다.
Dreamweaver에서 일반적으로 사용되는 코드:
1. 가로 및 세로 스크롤 막대의 표시 및 숨기기를 제어합니까?
<body style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显
2. 테이블 색상이 변경됩니다
<TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''" style="CURSOR: hand">
3. 복사가 금지됩니다. 마우스를 드래그하여 일반 iframe 페이지
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
5를 선택하세요. IE 주소창 앞 나만의 아이콘으로 변경 & 즐겨찾기에 아이콘 표시 가능
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
7.글꼴 크기 조정
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight"></iframe>
페이지가 3초 동안 표시된 후 점프하도록 하려면 html 코드의
부분에 다음 코드를 추가하세요.<link rel="Shortcut Icon" href="favicon.ico"> <link rel="Bookmark" href="favicon.ico">
입력된 임베디드 주소는 이 페이지와 동일한 사이트에 있어야 합니다. 그렇지 않으면 "액세스가 거부되었습니다!"라는 메시지가 표시됩니다. 도메인 간 참조에 권한 문제가 있습니다. 기타 정보를 확인하세요.
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a>
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(12)">小</a>10. 점프 메뉴 새 창
<meta http-equiv="refresh" content="3; url=http://www.php.cn">
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe>
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)"> <option value="http://www.microsoft.com/ie"> Internet Explorer</option> <option value="http://www.microsoft.com"> Microsoft Home</option> <option value="http://msdn.microsoft.com"> Developer Network</option> </select>
<param name="wmode" value="transparent">
캐싱 비활성화
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('设为首页" _href="http://www.php.cn/');">设为首页</a> <a href="javascript:window.external.AddFavorite('http://www.php.cn/','php中文网')">收藏本站</a>
<script language=JavaScript>
document.write("最后更新时间: " + document.lastModified + "")
</script><Script Language="JavaScript">
var timedate= new Date("October 1,2002");
var times= "国庆节";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write( "现在离"+times+"还有: "+time +"天")
</Script>20. 빈 링크에서 페이지 상단으로 이동
코드 "javascript:void(null)"은 원래 "#" 표시를 대체합니다21. 텍스트나 그림이 지정된 크기의 창에 나타납니다
Add
<meta http-equiv="Expires" CONTENT="0"> <meta http-equiv="Cache-Control" CONTENT="no-cache"> <meta http-equiv="Pragma" CONTENT="no-cache">
팝업 코드
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>17.打开窗口即最大化 <script language="JavaScript"> <!-- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // End --> </script>
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE <embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息</marquee>
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>25입니다. ie6에 자동으로 나타나는 이미지 도구 모음을 제거하고 GALLERYIMG 속성을 false 또는 no로 설정하세요.
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>
<meta http-equiv="refresh" content="5;url=http://www.php.cn/">
28. IE 브라우저는 다음을 수행할 수 있는 Body 속성 bgproperties를 지원합니다. 배경 스크롤 방지:
<hr noshade size=0 color=#C0C0C0>
29. 배경 이미지를 무작위로 변경합니다(기분을 상쾌하게 할 수 있는 특수 효과)
<td style="word-break:break-all">
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
<body oncontextmenu="window.event.returnValue=false" onkeypress="window.event.returnValue=false" onkeydown="window.event.returnValue=false" onkeyup="window.event.returnValue=false" ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false"> </body>
<Body Background="图片文件" bgproperties="fixed">
34. 창을 닫는 스크립트
<Script Language="JavaScript">
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
<form id="form1" name="form1" method="post" action=""> <img src="login.gif" width="62" height="22" onclick="document.form1.submit()" /> </form>
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}37. 찌그러진 글자는 어때요
style="cursor:hand"
, 나 찌그러진 걸까요?
한번 해보고 싶지 않으신가요?
">
<div id="Layer1"></div> <a href="#" onClick="Layer1.style.display='none'">关闭层</a>
뒤로: javascript:history.back(1)
닫기: javascript:window.close();
43. 표 투명도
<a href=javascript:close()>[关闭窗口]</a>
44. 다른 사람이 웹 페이지를 프레임에 넣는 것을 방지하는 방법
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> </DIV>
45. Alt와 Title
alt의 차이는 그림에 힌트를 주는 데 사용됩니다. 제목은 링크 텍스트나 일반 텍스트 힌트를 제공하는 데 사용됩니다.
<script> self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) </script>
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"><font disabled>
a:link는 링크 스타일을 나타냅니다.
a:active는 현재 활성 연결을 나타냅니다. 스타일
a:hover는 마우스가 위로 이동할 때의 스타일을 나타냅니다.
"link-visited-hover-active"는 "lvha"로 축약되며 "love"+"입니다. hat"
49. 같은 페이지에서 다양한 텍스트 링크 효과로 스타일 설정
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font> </div>
50. 드롭다운 점프 메뉴
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >运行</button>51. div를 차단하는 솔루션을 선택하세요
div에 다음 코드를 추가하고 필요에 따라 조정하십시오.
<table width="100%" onclick="window.open('http://www.makewing.com/', '_blank')" style="CURSOR:hand"> <tr> <td height="100" bgcolor="f4f4f4"> </td> </tr> </table>
52. 전체 페이지의 모든 링크는 _blank 새 창이 열립니다
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}위 내용은 Dreamweaver에서 일반적으로 사용되는 코드 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7519
15
1378
52
81
11
54
19
21
68
드림위버에서 텍스트 위치를 조정하는 방법
Apr 09, 2024 am 02:24 AM
Dreamweaver에서 텍스트 위치 조정은 다음 단계에 따라 완료할 수 있습니다. 텍스트를 선택하고 텍스트 위치 조정기를 사용하여 가로 조정을 수행합니다. 왼쪽 정렬, 오른쪽 정렬, 가운데 정렬 2. 세로 조정 수행: 위쪽 정렬, 아래쪽 정렬, 세로; 3. Shift 키를 누르고 화살표 키를 사용하여 위치를 미세 조정합니다. 4. 바로 가기 키를 사용하여 빠르게 정렬합니다. 왼쪽 정렬(Ctrl/Cmd + L), 오른쪽 정렬(Ctrl/Cmd + R), 가운데 정렬 (Ctrl/Cmd + C).
Dreamweaver 웹페이지 제작에 비디오를 추가하는 방법
Apr 09, 2024 am 01:42 AM
Dreamweaver를 사용하여 비디오 포함: 비디오 요소를 삽입합니다. 동영상 파일을 선택하여 업로드하세요. 비디오 유형, URL, 크기, 자동 재생 및 컨트롤을 설정합니다. 영상을 삽입하세요. 선택 사항: 비디오 모양을 사용자 정의합니다.
드림위버에서 줄 간격을 조정하는 방법
Apr 09, 2024 am 03:00 AM
Dreamweaver에서 줄 간격 조정은 텍스트를 선택하고, 단락 패널을 열고, 줄 간격 옵션을 조정하고, 마지막으로 확인을 클릭하여 변경 사항을 적용하는 4단계 과정으로 이루어집니다.
드림위버에 그림을 추가하는 방법
Apr 09, 2024 am 03:30 AM
Dreamweaver에 그림을 삽입하려면 삽입 메뉴를 클릭하고 이미지를 선택한 다음 그림 파일을 찾아 선택합니다. 다른 방법으로는 파일을 끌어서 놓거나 HTML 코드를 직접 삽입하는 방법이 있습니다. 속성 조정에는 크기 변경, 정렬, 테두리 추가 및 대체 텍스트 입력이 포함됩니다.
웹 디자인 소프트웨어 Dreamweaver를 중국어로 설정하는 방법
Apr 09, 2024 am 12:39 AM
Dreamweaver를 중국어로 설정하려면 다음 단계를 따르십시오. Dreamweaver를 열고 환경 설정에서 사용자 인터페이스 언어를 중국어 간체 또는 중국어 번체로 변경하고 Dreamweaver 도움말 메뉴 항목을 확인하여 언어 설정을 확인하십시오.
드림위버 글꼴을 설정하는 방법
Apr 09, 2024 am 02:54 AM
속성 패널을 사용하여 글꼴, 크기 및 색상을 선택하여 Dreamweaver에서 글꼴을 설정할 수 있습니다. CSS를 사용하여 전체 웹사이트 또는 특정 요소에 대한 글꼴을 설정하세요. "font" 태그를 사용하여 HTML 코드에서 직접 글꼴을 설정하세요.
Dreamweaver 웹페이지를 만든 후 내보내는 방법
Apr 09, 2024 am 01:27 AM
Dreamweaver에서 웹 페이지를 내보내려면 다음 단계가 필요합니다. HTML 파일 내보내기: 파일 메뉴에서 내보내기를 선택하고 HTML을 선택한 다음 파일 이름과 위치를 선택하고 저장을 클릭합니다. CSS 및 JavaScript 파일 내보내기: 파일 메뉴에서 내보내기를 선택하고 CSS 또는 JavaScript를 선택한 다음 파일 이름과 위치를 선택하고 저장을 클릭합니다. 이미지 내보내기: 이미지를 마우스 오른쪽 버튼으로 클릭하고 "내보내기"를 선택한 다음 이미지 형식과 파일 이름을 선택하고 "저장"을 클릭합니다.
드림위버에 텍스트 상자를 추가하는 방법
Apr 09, 2024 am 01:15 AM
Dreamweaver에서 텍스트 상자 추가: 새 문서를 열고 표 텍스트 필드를 삽입합니다. 속성 패널을 통해 이름, 높이, 너비, 줄바꿈 등의 텍스트 상자 속성을 설정합니다. 텍스트 상자를 더블클릭하여 텍스트를 입력하고, 텍스트 편집 기능을 이용하여 텍스트 스타일을 설정하세요. CSS를 사용하여 텍스트 상자의 모양과 동작을 사용자 정의합니다. 속성 패널의 HTML 탭을 사용하여 텍스트 상자 코드를 보고 편집합니다.
