WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

网页制作技巧及常用代码集锦

更新时间:2005-12-30 19:09 作者:45IT收集点击:

◇如何在网页中加入单个或几个空格?
◆在源代码中输入 ,每个 之间请用空格分开。
◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符,然后将其色彩设成背景的色彩! 
◇如何在网页中加入书签,在页面内任意跳转?
◆在源代码中需要插入书签的地方输入<a name="top"></a>,在调用的地方输入<a href="#top">Top</a>,其中的top是你设定的书签名字。
◆在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。

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

◇将网页加入收藏夹?
◆请使用如下代码:(注意标点符号)
< a href=''#'' onclick="window.external.addFavorite(''http://qiangwei.126.com'',''【梦想天空】qiangwei.126.com 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……'')" target="_top">将本站加入收藏夹< /a>

◇如何去掉链接的下划线?
◆在源代码中的<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

◇如何将网页定时关闭?
◆在源代码中的<BODY>后面加入如下代码:
< script LANGUAGE="JavaScript"> <!-- 
setTimeout(''window.close();'', 60000);
--> < /script>
在代码中的60000表示1分钟,它是以毫秒为单位的。

◇如何设置命令来关闭打开的窗口?
◆在源代码中加入如下代码:
< a href="/" onclick="javascript:window.close(); return false;">关闭窗口< /a>

◇如何制作电子邮件表单?
◆在<FORM>中输入Action="youremail@XXX.XXX" ,提交采用POST方法。

◇如何自动加入最后修改日期?
◆在源代码中的<BODY>…< /BODY>之间加入如下代码:
< Script Language="JavaScript"><!--
document.write("Last Updated:"+document.lastModified);
-->< /Script>

◇如何在网页中加入EMAIL链接并显示预定的主题?
◆代码:< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a>

◇如何让背景图象不滚动?
◆代码:<BODY Background="bg.gif" Bgproperties="fixed" > 
◆在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed 

◇如何避免别人将你的网页放入他的框架(FRAME)中?
◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码:
<script language="javascript"><!-- 
if (self!=top){top.location=self.location;}
-->< /script>

◇如何在网页中加入注释?
◆代码:< !-- 这是注释 -->

◇如何定义网页的关键字(KeyWords)?
◆格式如下:
< meta name="keywords" content="dreamweaver,flash,fireworks">
content中的即为关键字,用逗号隔开
◆在Dreamweaver中用「Insert」-「Head」-KeyWords命令

◇如何为不支持框架的浏览器指定内容?
◆在源代码中加入下面代码:
< BODY><noframes>本网页有框架结构,请下载新的浏览器观看< /noframes></ BODY> 

◇如何使表格(TABLE)没有边框线?
◆将表格的边框属性:border="0"

◇如何隐藏状态栏里出现的LINK信息?
◆请使用如下代码:
 < a href="http://xx.com" onMouseOver="window.status=''none'';return true">梦想天空< /a>

◇如何为网页设置背景音乐?
◆代码:< 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时可以隐藏面板 

◇如何定时载入另一个网页内容?
◆在源代码中的<HEAD>…< /HEAD> 加入如下代码:
< meta http-equiv="refresh" content="40;URL=http://xx.com " >
40秒后将自动载http://xx.com所在的网页

◇图片的变亮效果
◆一、在</head>后面放入以下代码:
<SCRIPT language="JavaScript1.2">
<!--
function high(which2){theobject=which2
highlighting=setInterval("highlightit(theobject)",50)}function low(which2){clearInterval(highlighting)
which2.filters.alpha.opacity=40}function highlightit(cur2){if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if(window.highlighting)
clearInterval(highlighting)}//--></SCRIPT>
◆二、在需要应用的地方如下使用:
<IMG 
onmouseover=high(this) style="FILTER: alpha(opacity=40)" 
onmouseout=low(this) src="(你的图片文件名)" border=0 > 


◇自动弹出页面

◆将下面的代码放在<head>与</head>之间。

<script language="JavaScript">
<!--
var gt = unescape(''%3e'');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('''', ''popupnav'', ''width=200,height=170,resizable=1,scrollbars=auto'');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; 
}
popup.location.href = ''新窗口的文件名.htm'';
}
// --></script>

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容