html提供的常用的页面交换元素有哪些,一些常用网页制作代码收集汇总

〈A href="mailto:e3i5@e3i5.net?subject=主题"〉……〈/a〉

004.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:

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

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

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

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

005.添加到收藏夹:

〈a href="java script:window.external.addFavorite(http://www.cdlycm.com,'http://www.cdlycm.com);"〉添加到收藏夹〈/a〉

006.设为首页:

〈a href=# οnclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.cdlycm.com);〉设为首页〈/a〉

007.定制浏览器地址栏前的小图标:

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

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

即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。

008.表格的分隔线可以隐藏

009.表格的边框不断在闪

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

在BODY区加上

style="border:5px solid yellow">

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


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


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

010.普通表格

普通表格

012.正立方表格

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

49" height="26">

正立方表格

013.细表格

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

height="22" style="position: absolute; left: 11; top: 86">

细表格

014.立体表格

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

112" height="34">

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

015.无名表格

无名表格  

016.表中表效果Ⅱ

align="center"> 表中表效果Ⅱ

frame="hsides" border="1"

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

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

018表中表效果Ⅰ

cellpadding="0">

表中表效果Ⅰ  

019.表格中边框的显示

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

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

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

021.取消选取、防止复制

022.不准粘贴

023.防止复制

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

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

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

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

026关闭输入法

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

027.永远都会带着框架

if (window == top)top.location.href = "frames.htm";// -->

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

028.防止被人frame

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

// -->

029.网页将不能被另存为

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

030.查源文件

οnclick="window.location = 'view-source:'+ http://www.cdlycm.com/index.htm';">

031.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代码,请自己加起始符和结束符

032.内框架使用Iframe标记的使用格式是:

name="main">

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

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

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

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

例子:

033.自动跳转在源代码中的

…加入如下代码:

说明:content="3 表示3秒刷新到URL

034.如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了

或者跟上面的用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区里就可以实现鼠标多样化。

035.全屏显示

把它放到

区中。

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

037.flash图片效果以下代码加入

区域

以下代码加入

区域

logo.gif //图片地址请自己改

038.背景图片滚动

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)

039.滚动特效

欢迎光临山水天下

我们地址http://www.cdlycm.com

040.让背景图不滚动

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

〈Body Background="图片文件" bgproperties="fixed"〉

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

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

043.禁止右键:

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

http://www.cdlycm.com,这是你自己的网址。

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

1. 设置iframe scrolling="no"

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

3. 被包含页的body标签加scroll="no"

046.加入背景音乐

只适用于IE

对Netscape ,IE 都适用

047.滚动

048.细线分隔线


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值