html代码中灵活运用的部分 - 网络创业、淘金手册、投资的帮手|网友学堂

» 网友学堂 » HTML/CSS教程 » html代码中灵活运用的部分

html代码中灵活运用的部分

作者：暖月发表时间：2006-7-29 20:23 阅读：1273次

[一些很有用的页面限制代码]
◎让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉

◎让你的网页无法另存为
<noscript><iframe src=*></iframe></noscript>

03.让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

◎禁止右键
<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()">

◎进入页面后立即自动刷新
<meta http-equiv="refresh" content="120;url=http://www.wodutom.com/cn083">
http://www.wodutom.com/cn083,这是你自己的网址。

◎打开窗口即最大化
<script language="javascript">

</script>

◎隐藏IFRAME的滚动条
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"

◎加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE

<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用

◎嵌入网页
<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

◎跳转
<meta http-equiv="refresh" content="3;URL=list.htm">

◎滚动
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>

◎细线分隔线
<hr noshade size=0 color=#C0C0C0>

◎过渡方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

◎如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

◎怎样在 FrontPage2000 中加入 Flash 动画?
在 FrontPage2000 中,点击[插入]->[高级]->[插件]，在弹出的窗口中，设置一下 Flash 文件的大小及其它信息，确定即可。

◎加入注释的格式是：
〈!-［注释内容...］--〉

◎怎样在网页中加入 E-mail 链接并显示预定的主题?
〈A href="mailto:Emailhost@263.net?subject=主题"〉......〈/a〉

◎定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：
〈meta name="Keywords" content="china,enterprise,business,net"〉
Content 中所包含的就是关键字,你可以自行设置。
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：
〈meta name="Keywords" content="china,china,china,china"〉

◎IE5.0 的部分快捷键：
A:打开查找功能：Ctrl+F
关闭浏览器窗口：Ctrl+W
打开地址栏下拉列表框：F4
刷新：F5
将当前Web页保存到收藏夹列表：Ctrl+D
打开当前 IE 窗口的一个拷贝：Ctrl+N
停止下载当前网页：Esc
光标迅速移动到网页的开头：Home
光标迅速移动到网页的尾部：End
打开新的地址键入窗口：Ctrl+O
打开收藏夹：Ctrl+I
打开历史记录文件夹：Ctrl+H
打开浏览器设定的默认主页：Alt+HOME

◎添加到收藏夹：
〈a href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉

◎设为首页：
〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉

◎定制浏览器地址栏前的小图标：
A:在网页的〈head〉〈/head〉间加入以下语句：
〈link rel="shortcuticon" href="http://.../icon.ico"〉
即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。

◎把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL，即 <body dir=RTL>。

◎给滚动条换色
几乎所有网页的滚动条都是默认的灰色，如果把它的颜色换换，来点另类的，相信一定会使网页更加靓丽。我们只要在网页代码<head> </head>之间插入下面的代码，即可随心所欲地更改颜色了。
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
</style>
后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。

◎隐藏滚动条
在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需在<body> </body>之间插入代码：<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。

◎滚屏显示
当网页中有长篇文章时，浏览起来就比较吃劲了，想想一边忙着拖动滚动条，一边忙着浏览，确实挺累人的。为了客人能够轻松的浏览，我们可以使用script代码实现网页的自动滚屏，当双击网页的时候，网页将会自动向下滚动，再次单击时滚动停止。将下面的代码插入到<body> </body>之间。

<script language"javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>

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

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

◎如何避免别人将你的网页放入他的框架（FRAME）中
◆在源代码中的<HEAD>...< /HEAD>之间加入如下代码：
<script language="java script">< /script>

◎如何自动加入最后修改日期
◆在源代码中的<BODY>...< /BODY>之间加入如下代码：
< Script Language="java script">< /Script>

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

◎如何将网页定时关闭
◆在源代码中的<BODY>后面加入如下代码：
< script LANGUAGE="java script">  < /script>
在代码中的60000表示1分钟，它是以毫秒为单位的。

◎将网页加入收藏夹
◆请使用如下代码：（注意标点符号）
< a href=''#'' onclick="window.external.addFavorite(''http://qiangwei.126.com';,''【惠阳社区www.x09.net 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友......'')" target="_top">将本站加入收藏夹< /a>

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

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

◎如何在网页中加入书签，在页面内任意跳转
◆在源代码中需要插入书签的地方输入，在调用的地方输入Top，其中的top是你设定的书签名字。
◆在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签，调用时，在Link中输入#top，top为书签名。

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

◎如何在网页中加入单个或几个空格
◆在源代码中输入，每个之间请用空格分开。
◆在Dreamweaver中用<CTRL>+<SHIFT>+<SPACE>插入空格或任输几个字符，然后将其色彩设成背景的色彩！

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

◎ 如何使表格（TABLE）没有边框线
◆将表格的边框属性：border="0"

◎如何隐藏状态栏里出现的LINK信息
◆请使用如下代码：
< a href="http://www.x09.net";;;;; on mouseOver="window.status=''none'';return true">惠阳社区< /a>

◎如何定时载入另一个网页内容
◆在源代码中的<HEAD>...< /HEAD> 加入如下代码：
< meta http-equiv="refresh" content="40;URL=http://www.x09.net">
40秒后将http://www.x09.net所在的网页

◎如何为网页设置背景音乐
◆代码：< 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>之间输入如下代码：
<style type="text/css">  < /style>
◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择a，然后在decoration中选中none

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

#Advertisement