常用网页设计代码.docx

常用网页设计代码.docx

《常用网页设计代码.docx》由会员分享，可在线阅读，更多相关《常用网页设计代码.docx（14页珍藏版）》请在冰点文库上搜索。

常用网页设计代码

1.控制横向和纵向滚动条的显隐？

hidden">去掉x轴

hidden">去掉y轴

不显

--------------------------------------------------------------------------------

 2.表格变色

onmouseout="this.style.backgroundColor=''"

style="CURSOR:

hand">

--------------------------------------------------------------------------------

 3.禁止复制，鼠标拖动选取

--------------------------------------------------------------------------------

 4.普通iframe页面

--------------------------------------------------------------------------------

 5.iframe自适应高度

--------------------------------------------------------------------------------

 6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标

--------------------------------------------------------------------------------

 7.字号缩放

越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。

functiondoZoom（size）

{document.getElementById（'zoom'）.style.fontSize=size+'px';}

需要指定大小的文字

doZoom（16）">大

doZoom（14）">中

doZoom（12）">小

--------------------------------------------------------------------------------

 8.简单的跳转网页代码

如果你要让页面显示3秒钟之后跳转，可以在html代码的部分加上这样的代码：

--------------------------------------------------------------------------------

 9.iframe（嵌入式帧）自适应高度

填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！

”。

对跨域引用有权限问题，请查阅其他资料。

--------------------------------------------------------------------------------

 10.跳转菜单新窗口

MicrosoftHome

DeveloperNetwork

--------------------------------------------------------------------------------

 11.flash透明选项

--------------------------------------------------------------------------------

 12.添加到收藏夹和设为首页

设为首页

window.external.AddFavorite（'

--------------------------------------------------------------------------------

 13.记录并显示网页的最后修改时间

document.write（"最后更新时间:

"+document.lastModified+""）

--------------------------------------------------------------------------------

 14.节日倒计时

　　vartimedate=newDate（"October1,2002"）;

　　vartimes="国庆节";

　　varnow=newDate（）;

　　vardate=timedate.getTime（）-now.getTime（）;

　　vartime=Math.floor（date/（1000*60*60*24））;

　　if（time>=0）

　　document.write（"现在离"+times+"还有:

"+time+"天"）

--------------------------------------------------------------------------------

 15.加在HEAD里

禁止缓存

--------------------------------------------------------------------------------

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

transparent'>"allowtransparency>

--------------------------------------------------------------------------------

 17.打开窗口即最大化

--Begin

self.moveTo（0,0）

self.resizeTo（screen.availWidth,screen.availHeight）

//End-->

--------------------------------------------------------------------------------

 18.加入背景音乐

只适用于IE

“-1”指的是永远循环!

对Netscape,IE都适用

--------------------------------------------------------------------------------

 19.滚动

滚动信息

--------------------------------------------------------------------------------

 20.防止点击空链接时，页面往往重置到页首端

代码“javascript:

void（null）”代替原来的“#”标记

--------------------------------------------------------------------------------

 21.文字或图片弹出指定大小的窗口

在body中加入

functionMM_openBrWindow（theURL,winName,features）{window.open（theURL,winName,features）;}

弹出代码

图片或文字

--------------------------------------------------------------------------------

 22.跳转页面代码

--------------------------------------------------------------------------------

 23.细线分隔线

--------------------------------------------------------------------------------

 24.网页中的自动换行

break-all">就搞定了。

完整的是

style="table-layout:

fixed;WORD-BREAK:

break-all;WORD-WRAP:

break-word"

--------------------------------------------------------------------------------

 25.消除ie6自动出现的图像工具栏，设置GALLERYIMG属性为false或no.

--------------------------------------------------------------------------------

 26.禁止页面正文内容被选取

false"onmouseup="document.selection.empty（）">

--------------------------------------------------------------------------------

 27.不能点右键，不用CTRL+A，不能复制作!

onkeypress="window.event.returnValue=false"

onkeydown="window.event.returnValue=false"

onkeyup="window.event.returnValue=false"

ondragstart="window.event.returnValue=false"

onselectstart="event.returnValue=false">

--------------------------------------------------------------------------------

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

--------------------------------------------------------------------------------

 29.随机变换背景图象（一个可以刷新心情的特效）

　　image=newArray（4）;//定义image为图片数量的数组

　　image[0]='tu0.gif'//背景图象的路径

　　image[1]='tu1.gif'

　　image[2]='tu2.gif'

　　image[3]='tu3.gif'

　　image[4]='tu4.gif'

　　number=Math.floor（Math.random（）*image.length）;

　　document.write（""）;

--------------------------------------------------------------------------------

 30.图片表单按钮

--------------------------------------------------------------------------------

 31.左右阴影背景的CSS定义方法

body{

text-align:

center;

background-repeat:

repeat-y;

background-position:

center;

background-image:

url（../images/bg.jpg）;

}

--------------------------------------------------------------------------------

 32.划过链接手型鼠标

style="cursor:

hand"

hand是手型

crosshair是十字型

text是移动到文本上的那种效果

wait是等待的那种效果

default是默认效果

help是问号

e-resize是向右的箭头

ne-resize是向右上的箭头

n-resize是向上的箭头

nw-resize是向左上的箭头

w-resize是向左的箭头

sw-resize是左下的箭头

s-resize是向下的箭头

se-resize是向右下的箭头

auto是由系统自动给出效果

--------------------------------------------------------------------------------

 33.如何关闭层