This article brings you a summary of commonly used codes in Dreamweaver. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
Dreamweaver commonly used codes:
1. Control the display and concealment of horizontal and vertical scroll bars?
<body style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显
2. The table changes color
<TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''" style="CURSOR: hand">
3. Copying is prohibited, drag the mouse to select
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
4. Ordinary iframe page
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
5. iframe adaptive height
<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>
6. Change the IE address bar to your own icon & your icon can be displayed in your favorites
<link rel="Shortcut Icon" href="favicon.ico"> <link rel="Bookmark" href="favicon.ico">
7. Font size scaling
More and more people spend a lot of time online, and the popularity of glasses is also getting higher and higher. Make the text larger so that more users can read it. More clearly.
<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>8. Simple jump web page code
If you want the page to jump after being displayed for 3 seconds, you can add the
< in the html code Add this code to the ;/head> part:<meta http-equiv="refresh" content="3; url=http://www.php.cn">
9.iframe (embedded frame) adaptive height
The embedded address filled in must be in the same page as this page site, otherwise it will prompt "Access Denied!". There are permission issues with cross-domain references, please check other information.
<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>
10. Jump menu new window
<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>
11.flash transparent option
<param name="wmode" value="transparent">
12.Add to favorites and settings For the home page
<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>14. Holiday countdown
<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><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>
20. Prevent the page from being reset to the top of the page when clicking on an empty link
The code "javascript:void(null)" replaces the original "#" mark
21. Text or pictures pop up a window of a specified size
Add
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script><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/">
<hr noshade size=0 color=#C0C0C0>
<td style="word-break:break-all">
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
26. Prevent the page text from being selected<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">
<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);
}style="cursor:hand"
<div id="Layer1"></div> <a href="#" onClick="Layer1.style.display='none'">关闭层</a>
<a href=javascript:close()>[关闭窗口]</a>
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> <NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> </DIV>
<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>
Don’t you want to try it?
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font> </div>
<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><table width="100%" onclick="window.open('http://www.makewing.com/', '_blank')" style="CURSOR:hand"> <tr> <td height="100" bgcolor="f4f4f4"> </td> </tr> </table>
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}Back: javascript:history.back(1)
Close: javascript:window.close();
style="FILTER: alpha(opacity=72)"
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script><a href="#" Title="给链接文字提示">文字</a> <p Title="给链接文字提示">文字</p> <img src="图片链接" alt="给图片提示">
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
response.redirect"login.asp"location.href="xx.asp"onClick="window.location='login.asp'"onClick="window.open('')"
a:active represents the style of the currently active connection
a:hover represents the style when the mouse moves over
a:visited represents the visited connection Style
<style type="text/css">
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#" class="green">文字</a><select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333"> <option>----请选择----</option> <option value="http://www.webkkk.com">站长设计网</option> <option value="http://www.makewing.com/store/">MakeWing Store</option> <option value="http://www.izhu.com/">爱烛网</option> </select>
Add the following code to the div and adjust it as needed.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;"></iframe>
<base target="_blank">
The above is the detailed content of Summary of commonly used codes in Dreamweaver. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
