博客素材--网页经典代码 -

来源:百度文库 编辑:神马文学网 时间:2024/04/28 13:41:56

 

1. 将彻底屏蔽鼠标右键,无右键菜单

也可以用于网页中Table框架中

no

2.取消选取、防止复制

3.不准粘贴

4.防止复制

5.IE地址栏前换成自己的图标

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

6.可以在收藏夹中显示出你的图标

说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP.

7.关闭输入法

说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

说明:frames.htm为你的网页,这也是保护页面的一种方法

9.防止被人frame

10.网页将不能被另存为

说明:的用法很广,其中一条就是可以使JS广告失效。

11.查源文件
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.内框架
src:文件的路径,既可是HTML文件,也可以是文本、ASP等;   width、height:"内部框架"区域的宽与高;  
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;  FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
比如:  当你想用父框架控制内部框架时,可以使用: target="框架的名字"来控制。
例子: 

14.自动跳转
在源代码中的…加入如下代码:

说明: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.全屏显示






把它放到区中。

17.设为首页

设为首页


18.这里是加入收藏夹的代码
加入收藏夹 

19.flash图片效果
以下代码加入区域

以下代码加入区域
//图片地址请自己改


20.背景图片滚动

21.滚动特效

欢迎光临山水天下
我们地址http://myok.blogchina.com

 

22.让背景图不滚动

IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉

23.让你的网页无法另存为

24.让IFRAME框架内的文档的背景透明

25.禁止右键:

26.进入页面后立即自动刷新?

http://myok.blogchina.com,这是你自己的网址。


27.隐藏IFRAME的滚动条三种方法:

1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"

28.加入背景音乐
只适用于IE
对Netscape ,IE 都适用

29.滚动

30.细线分隔线


31.过度方式

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.如何控制横向和纵向滚动条的显隐?
去掉x轴
去掉y轴
不显


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.表格的分隔线可以隐藏

可以隐藏横向的分隔线
可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线


40.表格的边框不断在闪

以下方法可以令表格的边框不断在闪,很实用的

在BODY区加上

style="border:5px solid yellow">

加入任意的物件.加入任意的物件.


加入任意的物件.加入任意的物件.


加入任意的物件.加入任意的物件.


41.普通表格

普通表格

42.正立方表格

bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">

正立方表格


43.细表格

bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position: absolute; left: 11; top: 86">

细表格

44.立体表格

bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">

bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格


45.无名表格


无名表格  

 



46.表中表效果Ⅱ



align="center"> 表中表效果Ⅱ frame="hsides" border="1"
bordercolorlight="#000000" bordercolordark="#ffffff"
width="100%" cellspacing="1" cellpadding="0" height="78">



47.表中表效果Ⅰ

cellpadding="0">

表中表效果Ⅰ
 

 


48.表格中边框的显示


显示上边框


只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框