您的位置：首页 > 编程语言

网页制作经典代码(无右键菜单\自动跳转\全屏显示\设为首页 ...

2012-01-07 23:37 603 查看

1. 将彻底屏蔽鼠标右键,无右键菜单
<body oncontextmenu="window.event.returnvalue=false">
也可以用于网页中Table框架中
<table border oncontextmenu=return(false)><td>no</table>
2.取消选取、防止复制
<body onselectstart="return false">
3.不准粘贴

<body onpaste="return false">
4.防止复制
<body oncopy="return false;" oncut="return false;">
5.IE地址栏前换成自己的图标

<link rel="Shortcut Icon" href="favicon.ico">

说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。很PP哦。
6.可以在收藏夹中显示出你的图标

<link rel="Bookmark" href="favicon.ico">

说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。也很PP.
7.关闭输入法
<input style="ime-mode:disabled">

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
8.永远都会带着框架
<script language="javascript"></script>

说明：frames.htm为你的网页，这也是保护页面的一种方法
9.防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>
10.网页将不能被另存为

<noscript><iframe src=*.html></iframe></noscript>

说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。
11.查源文件

<input type=button value=查看网页源代码

onclick="window.location = 'view-source:'+ http://myok.bokee.com';">　
12.COOKIE脚本记录，有很大的用处
function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(";", offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

documents.cookie="popped=yes"

}

}

说明：以上是JS代码，请自己加起始符和结束符　
13.内框架<IFRAME>使用

Iframe标记的使用格式是: 　

<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"

name="main"></iframe>

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；　　width、height："内部框架"区域的宽与高；　

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; 　FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。

name:框架的名字，用来进行识别。

比如: 　当你想用父框架控制内部框架时，可以使用： target="框架的名字"来控制。

例子：<iframe name="mm" src="http://myok.bokee.com";; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0"
vspace="0" frameborder="0" scrolling="no"></iframe>　
14.自动跳转
在源代码中的<head>…</head>加入如下代码：

<meta http-equiv="refresh"content="3;URL=http://myok.bokee.com; charset=gb2312">

说明：content="3 表示3秒刷新到URL
15.如何改变链接的鼠标形状
只需在链接上加上这一代码就行的了

或者跟上面的用CSS写也行

style="cursor:hand"　　　　　　style="cursor:crosshair"

style="cursor:text" 　　　　　　style="cursor:wait"

style="cursor:move" 　　　　　　style="cursor:help"

style="cursor:e-resize" 　　　　style="cursor:n-resize"

style="cursor:nw-resize" 　　　style="cursor:w-resize"

style="cursor:s-resize" 　　　　style="cursor:se-resize"

style="cursor:sw-resize"

以上代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。　
16.全屏显示

<form>

<div align="center">

<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">

</div>

</form>

把它放到<body>区中。
17.设为首页

<script language="javascript">



</script>

<a href="#" name="home" onClick="defaul_home();" title="==E代时光==">设为首页</a>

18.这里是加入收藏夹的代码
<a href="#" onClick="window.external.addFavorite(http://myok.bokee.com';.'-=E代时光=-')" target="_self" title="-=E代时光=-">加入收藏夹</a>　
19.flash图片效果

以下代码加入<head>区域

<SCRIPT language="javascript">



</SCRIPT>

以下代码加入<body>区域

<img src="http://myok.bokee.com/images/logo.gif";; style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)" width="63" height="56"> //图片地址请自己改

20.背景图片滚动

<body scroll="no" background="images/bg.jpg" link="#00FF00" alink="#FF0000" vlink="#00FF00" bgcolor="#000080" topmargin="8">

<script language="javascript">

var backgroundOffset = 0;

var bgObject = eval('document.body');

function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;

if (backgroundOffset > maxSize) backgroundOffset = 0;

bgObject.style.backgroundPosition = "0 " + backgroundOffset;}

var ScrollTimer = window.setInterval("scrollBG(410)", 20)

</script>
21.滚动特效
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" id="MARQUEE1">

欢迎光临山水天下

我们地址http://myok.blogchina.com

</marquee>

　
22.让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:

〈Body Background="图片文件" bgproperties="fixed"〉
23.让你的网页无法另存为
<noscript><iframe src=*></iframe></noscript>
24.让IFRAME框架内的文档的背景透明
<iframe src="about :<body style='background:transparent'>" allowtransparency></iframe>
25.禁止右键：
<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()">
26.进入页面后立即自动刷新？
<meta http-equiv="refresh" content="120;url=http://myok.blogchina.com"> http://myok.blogchina.com,这是你自己的网址。
27.隐藏IFRAME的滚动条三种方法:
1. 设置iframe scrolling="no"

2. 被包含页body应用overflow:hidden

3. 被包含页的body标签加scroll="no"
28.加入背景音乐

<bgsound src="mid/min1.mid" loop="-1"> 只适用于IE

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

<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>
30.细线分隔线

<hr noshade size=0 color=#C0C0C0>
31.过度方式

<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 随机产生一种过渡方式
32.如何控制横向和纵向滚动条的显隐？

<body style="overflow-y:hidden"> 去掉x轴

<body style="overflow-x:hidden"> 去掉y轴

<body scroll="no">不显

33.加入注释的格式是：　

〈!-［注释内容…］--〉
34.怎样在网页中加入 E-mail 链接并显示预定的主题?
〈A href="mailto:e3i5@e3i5.net?subject=主题"〉……〈/a〉
35.定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：　

〈meta name="Keywords" content="山水天下"〉

Content 中所包含的就是关键字,你可以自行设置。

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：

〈meta name="Keywords" content="山水天下"〉

36.添加到收藏夹：

〈a href="java script:window.external.addFavorite(http://myok.blogchina.com','http://myok.blogchina.com');"〉添加到收藏夹〈/a〉
37.设为首页：

〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage(http://myok.blogchina.com);〉设为首页〈/a〉
38.定制浏览器地址栏前的小图标：

A:在网页的〈head〉〈/head〉间加入以下语句：

〈link rel="shortcuticon" href="http://…/icon.ico"〉

即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。
39.表格的分隔线可以隐藏

<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线

<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线
<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线

40.表格的边框不断在闪
以下方法可以令表格的边框不断在闪，很实用的
在BODY区加上
<table border="0" width="280" id="myexample"

style="border:5px solid yellow">
<tr>
<td>加入任意的物件.加入任意的物件.
<br>加入任意的物件.加入任意的物件.
<br>加入任意的物件.加入任意的物件.</td>
</tr>
</table>
<script language="JavaScript1.2">

</script>

41.普通表格
<table border="1" width="220" style="position: absolute; left:

11; top: 11" height="26" >
<tr>
<td width="100%">普通表格</td>
</tr>
</table>
42.正立方表格
<table border="1" width="220" bordercolorlight="#eeeeee"

bordercolordark="#000000" style="position: absolute; left: 10; top:

49" height="26">
<tr>
<td width="100%">正立方表格</td>
</tr>
</table>

43.细表格
<table border="0" frame=vsides width="219"

bgcolor="#000000" cellspacing="1" cellpadding="0"

height="22" style="position: absolute; left: 11; top: 86">
<tr bgcolor="#FFFFFF">
<td width="100%" height="2">细表格</td>
</tr>
</table>
44.立体表格
<table border="1" width="220" bordercolorlight="#ffffff"

bordercolordark="#ffffff" style="position: absolute; left: 10; top:

112" height="34">
<tr>
<td width="100%" bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格</td>
</tr>
</table>

45.无名表格
<table width="220" align="center" style="position: absolute;

left: 246; top: 12" height="51">
<tr>
<td><fieldset style="width:220" align="center">

<legend> 无名表格 </legend> 　<p align="right">　</fieldset>

<br>
</td>
</tr>
</table>
46.表中表效果Ⅱ
<table width="220" align="center" style="position:

absolute; left: 245; top: 89" height="110">

<tr>

<td height="75"><fieldset style="width:220"

align="center"> <legend> 表中表效果Ⅱ </legend> <table

frame="hsides" border="1"

bordercolorlight="#000000" bordercolordark="#ffffff"

width="100%" cellspacing="1" cellpadding="0" height="78">

<tr bgcolor="#ffffff">

<td width="100%" height="76"></fieldset></td>

</tr>

</table>
47.表中表效果Ⅰ
<table width="220" align="center" style="position: absolute;

left: 10; top: 120" height="138" cellspacing="1"

cellpadding="0">
<tr>
<td height="126"><fieldset style="width: 220; color: #B7B7B7;

border-style: groove" align="center"> <legend style="color:

#FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font>

</legend> 　<p align="right">　</fieldset>
</td>
</tr>
</table>

48.表格中边框的显示

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

</body>

</html>
49，浏览器上的动态语言
在你的主页编辑下用HTML方式，放入一下代码即可。语言说明可按自己的爱好编辑。
<A href="http://www.23335.com/0.gif" target=_blank></A></SPAN></FONT></B></FONT></SPAN><IMG
height=18 src="http://www.23335.com/0.gif" width=30 align=absMiddle border=0></SCRIPT>

<SCRIPT language=JavaScript>

var msg = "欢迎光临！再欢迎光临！！还欢迎光临！！......请您慢走 ...... " ;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq >= len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

</SCRIPT>

如何添加外观模块

1 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox
回车运行

(例如我的空间地址为http://spaces.msn.com/members/msnpro，则应当输入http://spaces.msn.com/members/msnpro/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox)

2 “自定义”-->“模块”-->“Power toy:Custom HTML 添加” 并保存

（以上是可编辑html模块的添加）

3 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=musicvideo 回车运行

4 “自定义”-->“模块”-->“Power toy:Windows Media Player 添加” 并保存

（以上是媒体播放模块的添加）

5 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=tweakomatic 回车运行

6 “自定义”-->“模块”-->“Power toy:Tweak UI 添加” 并保存

（以上是自定义页面外观模块的添加）

    详细信息

1 可编辑的html模块

【HTML编码区】在日志中编辑好，进入HTML模式将代码复制过来即可。

【模块名称】只有在选中“是否显示边框”时才会生效。

【是否显示边框】选中可以显示模块边框。

2 媒体播放器插件

如图，音乐或视频地址的查找可以参考《百度的音乐搜索地址可以直接用了》以及《Never Again》。

【开始时间】单位为秒，常用于跳过视频开头的无关信息或音乐开头的空白等

【播放次数】

【播放速度】默认为1，即原速。需要加快或减慢，填写相应的倍数即可

【是否自动播放】选中后，音乐将会自动播放

【显示模式】

Invisible 隐藏整个模块

None 不显示插件

Mini 微型模式

Full 完全模式

3 自定义页面外观

Background Colors

【Inner】背景颜色（内部）

             即800*600分辨率下的背景颜色

【Outer】背景颜色（外部）

             即1024*768分辨率下右部的背景颜色

背景图片优先于背景颜色，当两者同时存在时将显示背景图片
多种回到顶部的方法

1. <a name="top"></a>

2. <a href="#top">回顶部</a>

   <a href="#">回顶部</a>

   让这个页面在新窗口中的打开同时关闭原窗口，拉动滚动条到最上 :D

3. <a href=#>top</a>

4. onclick=scrollTo(0,0)

5.

onclick=scrollTo(0,0)

6. <p onclick=setInterval("document.body.doScroll('ScrollbarPageUp')",20)>top</p>

7.

这样写的话,点过以后就不要想再把滚动条往下拉了.
例： <A href="http://hsy0826.spaces.live.com/#"><STRONG><FONT face=Verdana
color=#ffffff size=2>回到顶部</FONT></STRONG></A> 这方法在msn个人空间也可以用，把地址换成你的空间地址即可。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： border table iframe javascript 框架 function

相关文章推荐

新的分享

章节导航

网页制作 经典代码(无右键菜单\自动跳转\全屏显示\设为首页 ...

网页制作经典代码(无右键菜单\自动跳转\全屏显示\设为首页 ...