2026年10月31日 · 今日 0 帖 · 会员 6.1万 · 主题 17.4万
登录 · 注册 · 游客,欢迎随便逛逛
返回版块
只看作者:默默无辰 查看全部
59999
王者却具王侯心等级图标等级图标等级图标等级图标等级图标等级图标
勋章勋章勋章勋章勋章勋章勋章
帖子
384
回复
1.4万
积分
6万
注册
2011-07-08
[怀旧国机]

网页制作中常用代码大全

[复制链接]
查看 671 回复 0
楼主 发表于 | 查看全部
2 人收藏

网页制作中常用代码整理:

1. 如何在网页中加入注释 

◆代码:< !-- 这是注释 --> 

2. 如何在网页中加入EMAIL链接并显示预定的主题 

◆代码:< a href=“mailto:yourmail@xxx.xxx?Subject=你好“>Send Mail< /a> 

3. 如何制作电子邮件表单 

◆在<form>中输入Action=“youremail@XXX.XXX“ ,提交采用POST方法。 

4. 如何避免别人将你的网页放入他的框架(FRAME)中 

◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码: 

<script language=“javascript“><!-- 

if (self!=top){top.location=self.location;} 

-->< /script> 

5. 如何自动加入最后修改日期 

◆在源代码中的<BODY>…< /BODY>之间加入如下代码: 

< Script Language=“javascript“><!-- 

document.write(“Last *d:“+document.lastModified); 

-->< /Script> 

6. 如何让背景图象不滚动 

◆代码:<BODY Background=“bg.gif“ Bgproperties=“fixed“ > 

◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed 

7. 如何将网页定时关闭 

◆在源代码中的<BODY>后面加入如下代码: 

< script LANGUAGE=“javascript“> <!-- 

setTimeout(‘window.close();‘, 60000); 

--> < /script> 

在代码中的60000表示1分钟,它是以毫秒为单位的。 

8. 将网页加入收藏夹 

◆请使用如下代码:(注意标点符号) 

< a href=‘#‘ onclick=“window.external.addFavorite(‘http://www.jkniu.con‘,‘【绝客技术网站】www.jkniu.con 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……‘)“ target=“_top“>将本站加入收藏夹< /a> 

9. 如何定义网页的关键字(KeyWords) 

◆格式如下: 

< meta name=“keywords“ content=“dreamweaver,flash,fireworks“> 

content中的即为关键字,用逗号隔开 

◆在Dreamweaver中用「*」-「Head」-KeyWords命令 

10. 如何设置命令来关闭打开的窗口 

◆在源代码中加入如下代码: 

< a href=“/“ onclick=“javascript:window.close(); return false;“>关闭窗口< /a> 

11. 如何在网页中加入书签,在页面内任意跳转 

◆在源代码中需要插入书签的地方输入,在调用的地方输入Top,其中的top是你设定的书签名字。 

◆在Dreamweaver中用菜单的「*」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。 

12. 如何为不支持框架的浏览器指定内容 

◆在源代码中加入下面代码: 

< BODY><noframes>本网页有框架结构,请下载新的浏览器观看< /noframes></ BODY> 

13. 如何在网页中加入单个或几个空格 

◆在源代码中输入 ,每个 之间请用空格分开。 

◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符,然后将其色彩设成背景的色彩! 

14. 如何在网页中加入书签,在多个页面之间任意跳转 

◆方法与上面类似,不过做链接时要在书签名前加上网页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。 

15. 如何使表格(TABLE)没有边框线 

◆将表格的边框属性:border=“0“ 

16. 如何隐藏状态栏里出现的LINK信息 

◆请使用如下代码: 

< a href=“http://www.jkniu.com“;;;onmouseOver=“w ... one‘returntrue“> 绝客技术网站< /a> 

17. 如何定时载入另一个网页内容 

◆在源代码中的<HEAD>…< /HEAD> 加入如下代码: 

< meta http-equiv=“refresh“ content=“40;URL=http://www.jkniu.com“> 

40秒后将自动载入http://www.jkniu.com 所在的网页 

18. 如何为网页设置背景音乐 

◆代码:< EMBED src=“music.mid“ autostart=“true“ loop=“2“ width=“80“ height=“30“ > 

src:音乐文件的路径及文件名; 

autostart:true为音乐文件上传完后自动开始播放,默认为false(否) 

loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 

volume:取值范围为“0-100“,设置音量,默认为系统本身的音量 

starttime:“分:秒“,设置歌曲开始播放的时间,如,starttime=“00:10“,从第10开始播放 

endtime: “分:秒“,设置歌曲结束播放的时间 

width:控制面板的宽 

height:控制面板的高 

controls:控制面板的外观 

controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever“ 

console:正常大小的面板 

smallconsole:较小的面板 

playbutton:显示播放按钮 

pausebutton:显示暂停按钮 

stopbutton:显示停止按钮 

volumelever:显示音量调节按钮 

hidden:为true时可以隐藏面板 

19. 如何去掉链接的下划线 

◆在源代码中的<HEAD>…</HEAD>之间输入如下代码: 

<style type=“text/css“> <!-- 

a { text-decoration: none} 

--> < /style> 

◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择a,然后在decoration中选中none 

20. timeline中的layer走曲线 

◆要使得timeline中的layer走曲线,你得先让他走出直线来,然后在最后一frame和第一frame中间的任何一frame上点右键,可以看到有个 add keyframe ,点一下,然后把你的layer移动到你要的位置,dw会自动生成曲线,ok! 

21. 打开自定义大小窗口

◆在head中添加代码: <script language=“JavaScript“ type=“text/JavaScript“>

function open1(url)

{

var x,y;

x=window.event.screenX-8;

y=window.event.screenY-50; 

var ss;

ss=“Left=“ + x + “,Top=“ + y + “,Height=100,width=100,toolbar=no,scrollbars=yes“;

window.open(url,““,ss);

}

</script>

*如果是打开两个不互相替换的窗口则添加一个不同名字的function即可,例如:

<script language=“JavaScript“ type=“text/JavaScript“>

function open1(url)

{

var x,y;

x=window.event.screenX-8;

y=window.event.screenY-50;

var ss;

ss=“Left=“ + x + “,Top=“ + y + “,Height=100,width=100,toolbar=no,scrollbars=yes“;

window.open(url,““,ss);

}

function open2(url)

{

var x,y;

x=window.event.screenX-8;

y=window.event.screenY-50;

var ss;

ss=“Left=“ + x + “,Top=“ + y + “,Height=100,width=100,toolbar=no,scrollbars=yes“;

window.open(url,““,ss);

}

</script>

然后在下面要连接的地方写如下代码:

<A href=“#“

onclick=“open1(‘路径/连接1.htm‘)“>连接1</A> 

<A href=“#“

onclick=“open2(‘路径/连接2.htm‘)“>连接2</A>

如是点击Flash按钮,则在显示页的HEAD中写

<script language=“JavaScript“> 

function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); } 

</script>

在flash 的按钮上写

on (press) {

getURL(“javascript:openNewWindow(要打开的页名.htm‘,‘words‘,‘height=446,width=720,toolbar=no,scrollbars=no‘)“;);

} 

22、打开一个没有最大化、最小化,只有关闭按钮的窗口

◆复制代码到head中

<script>

function modelesswin(url,mwidth,mheight){

if (document.all&&window.print) //if ie5

*(‘window.showModelessDialog(url,““,“help:0;resizable:1;dialogWidth:‘+mwidth+‘px;dialogHeight:‘+mheight+‘px“;)‘)

else

*(‘window.open(url,““,“width=‘+mwidth+‘px,height=‘+mheight+‘px,resizable=1,scrollbars=1“;)‘)

}

//configure URL and window dimensions (width/height)

modelesswin(“http://google.com“ ,600,600)

//To load via link, use something like below:

//<a href=“javascript:modelesswin(‘http://yahoo.com‘ ,600,400)“>Click here</a>

</script> 

23、直接点击链接关闭窗口

举个例子比较方便理解````

◆<SCRIPT language=JavaScript>

function shutwin(){

window.close();

return;}

</SCRIPT>

<P align=center><A href=“javascript:shutwin();“>关闭本窗口</A></P></BODY></HTML>

24、弹启一个全屏窗口

◆window.open(‘http://www.jkniu.com‘ ,‘example01‘,‘fullscreen‘)

<html>

<body onload=“window.open(‘ http://www.jkniu.com‘ ,‘example01‘,‘fullscreen‘);“>

<b>www.jkniu.com</b>

</body>

</html>

hoho~~~好像触摸屏

25、弹启一个被F11化后的窗口

◆window.open(‘http://www.jkniu.com‘ ,‘example02‘,‘channelmode‘) 

<html>

<body onload=“window.open(‘ http://www.jkniu.com‘ ,‘example02‘,‘channelmode‘);“>

<b>www.jkniu.com</b>

</body>

</html>

26、弹启一个带有收藏链接工具栏的窗口

◆window.open(‘http://www.jkniu.com‘ ,‘example03‘,‘width=400,height=300,directories‘) 

<html>

<body onload=“window.open(‘http://www.jkniu.com‘ ,‘example03‘,‘width=400,height=300,directories‘);“>

<b>www.jkniu.com</b>

</body>

</html> 

27. 在打开页面同时弹出无边框全屏窗口

◆ 加入到< body>和< /body>之间

<script>

var tmp=window.open(“about:blank“,““,

“fullscreen=1“)

tm 

p.moveTo(100,100)

tmp.resizeTo(600,400)

tmp.focus()

tmp.location=“http://www.jkniu.com (要打开的窗口页文件)“

</script> 

28. 鼠标移动到图片上图片渐显效果 

◆在<head>到</head>之间插入如下的JAVASCRIPT代码:

<script>

nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){

if (!document.all)

return

if (object != ““){ 

setTimeout(“nereidFade(“+object+“,“+destOp+“,“+rate+“,“+delta+“)“,0);

return;

}

clearTimeout(nereidFadeTimers);

diff = destOp-object.filters.alpha.opacity;

direction = 1;

if (object.filters.alpha.opacity > destOp){

direction = -1;

}

delta=Math.min(direction*diff,delta);

object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){

nereidFadeObjects=object;

nereidFadeTimers=setTimeout(“nereidFade(nereidFadeObjects[“+object.sourceIndex+“],“+destOp+“,“+rate+“,“+delta+“)“,rate);

}

}

</script>

收藏,

登录回复

登录后可以回复这个帖子。旧账号可使用原密码登录。

登录 注册新号
← 返回版块