前端网页设计代码大全.docx

上传人:b****2 文档编号:24549616 上传时间:2023-05-28 格式:DOCX 页数:55 大小:44.07KB
下载 相关 举报
前端网页设计代码大全.docx_第1页
第1页 / 共55页
前端网页设计代码大全.docx_第2页
第2页 / 共55页
前端网页设计代码大全.docx_第3页
第3页 / 共55页
前端网页设计代码大全.docx_第4页
第4页 / 共55页
前端网页设计代码大全.docx_第5页
第5页 / 共55页
点击查看更多>>
下载资源
资源描述

前端网页设计代码大全.docx

《前端网页设计代码大全.docx》由会员分享,可在线阅读,更多相关《前端网页设计代码大全.docx(55页珍藏版)》请在冰豆网上搜索。

前端网页设计代码大全.docx

前端网页设计代码大全

Html网页设计代码

设计第一技术其次:

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

1)贴图:

<imgsrc="图片地址">

2)加入连接:

<ahref="所要连接的

1)贴图:

2)加入连接:

3)在新窗口打开连接:

手持机

消除连接的下划线在新窗口打开连接:

none"target="_blank">写上你想写的字

4)移动字体(走马灯):

写上你想写的字

5)字体加粗:

写上你想写的字

6)字体斜体:

写上你想写的字

7)字体下划线:

写上你想写的字

8)字体删除线:

写上你想写的字

9)字体加大:

写上你想写的字

10)字体控制大小:

写上你想写的字

(其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:

写上你想写的字(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:

none">写上你想写的字

13)贴音乐:

14)贴flash:

15)贴影视文件:

16)换行:


17)段落:

段落

18)原始文字样式:

正文

19)换帖子背景:

20)固定帖子背景不随滚动条滚动:

bgproperties=fixed>

21)定制帖子背景颜色:

(value值见10)

22)帖子背景音乐:

23)贴网页:

/----------------------------------------HTML特效代码--------------------------------/

1。

忽视右键

 

 或

 

hidden">

2。

加入背景音乐

 IE:

 NS:

 

 *.mid你的背景音乐的midi格式文件

3。

简单的window.open方法

 

 onclick="javascript:

window.open(文件路径/文件名,newwindow,

 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

 width=400,height=300);">文字或图片

 参数解释:

 js脚本开始;

 window.open弹出新窗口的命令;

 文件路径/文件名弹出窗口的文件名;

 newwindow弹出窗口的名字(不是文件名),非必须,可用空代替;

 width=400窗口宽度;

 height=300窗口高度;

 top=0窗口距离屏幕上方的象素值;

 left=0窗口距离屏幕左侧的象素值;

 toolbar=no是否显示工具栏,yes为显示;

 menubar,scrollbars表示菜单栏和滚动栏。

 resizable=no是否允许改变窗口大小,yes为允许;

 location=no是否显示地址栏,yes为允许;

 status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

 js脚本结束

4。

简单的页面加密

 

 

--

 functionloopy(){

  varsWord="";

  while(sWord!

="login"){sWord=prompt("请输入你的登陆密码");}

  alert("登陆成功!

");

 }

 loopy()

 //-->

 

5。

拉动页面时背景图不动

 

6。

让浏览器在保存页面时保存失败

 

7。

随机替换图片

 

 图片文件名为0.gif1.gif2.gif3.gif4.gif

8。

窗口定时关闭

 先将如下代码网页文件的区:

 

 functioncloseit(){setTimeout("self.close()",10000)//毫秒}

 

 然后再在标内加入如:

9。

网页自动关闭

 

 

 

 classid="clsid:

adb880a6-d8ff-11cf-9377-00aa003b7a11">

 

 

 

 

 这个窗口会在10秒过后自动关闭,而且不会出现提示.

 

 

10。

网页自动刷新

 在head部记入

 

 其中20为20秒后自动刷新,你可以更改为任意值。

11。

网页自动转页

 

12。

保持layer在最前面,而不被Iframe、Object所覆盖

 在Layer中再插Iframe或Object设z-Index值

 

2>#前面

 

1>#后面

 

absolute;top:

40;width:

400px;

 height:

95px;z-index:

2">height=100%width=100%>

 

 

 

absolute;top:

50;width:

200px;

 height:

115px;z-index:

1">

 

 

13。

返回上一页

 

history.back

(1)>『返回上一页』

14。

关闭窗口

 

self.close()>『关闭窗口』

15。

关于iframe的透明背景

 

 allowTransparency="true"

 style="background-color:

green">

16.oncontextmenu="window.event.returnValue=false"将彻底屏蔽鼠标右键

no可用于Table

17.取消选取、防止复制

18.onpaste="returnfalse"不准粘贴

19.oncopy="returnfalse;"oncut="returnfalse;"防止复制

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

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

22.

disabled">关闭输入法

23.永远都会带着框架

--

if(window==top)top.location.href="frames.htm";//frames.htm为框架网页

//-->

24.防止被人frame

--

if(top.location!

=self.location)top.location=self.location;

//-->

25.网页将不能被另存为

26.查看网页源代码

"+""">

27.删除时确认

if(confirm("确实要删除吗?

"))location="boos.asp?

&areyou=删除&page=1"">删除

28.屏蔽功能键Shift,Alt,Ctrl

29.网页不会被缓存

21:

57GMT">

或者

30.怎样让表单没有凹凸感?

1solid#000000">

none;border-right:

none;border-top:

none;border-bottom:

1solid#000000">

31.不要滚动条?

让竖条没有:

scroll;overflow-y:

hidden">

让横条没有:

scroll;overflow-x:

hidden">

两个都去掉?

更简单了

32.怎样去掉图片链接点击后,图片周围的虚线?

33.电子邮件处理提交表单

34.在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()

35.如何设定打开页面的大小

打开页面的位置

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

37.检查一段字符串是否全由数字组成

--

functioncheckNum(str){returnstr.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

//-->

38.获得一个窗口的大小

document.body.clientWidth;document.body.clientHeight

39.怎么判断是否是字符

if(/[^/x00-/xff]/g.test(s))alert("含有汉字");

elsealert("全是字符");

40.TEXTAREA自适应文字行数的多少

41.日期减去天数等于第二个日期

functioncc(dd,dadd)

{

//可以加上错误处理

vara=newDate(dd)

a=a.valueOf()

a=a-dadd*24*60*60*1000

a=newDate(a)

alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+"日")

}cc("12/23/2002",2)

42.选择了哪一个Radio

functioncheckme()

foreachobinradio1

ifob.checkedthenwindow.alertob.value

next

endfunction

Style

Barcode

43.脚本永不出错

--HidefunctionkillErrors(){returntrue;}window.onerror=killErrors;//-->

44.ENTER键可以让光标移到下一个输入框

45.检测某个网站的链接速度:

把如下代码加入区域中:

tim=1

setInterval("tim++",100)

b=1

varautourl=newArray()

autourl[1]=""

autourl[2]=""

autourl[3]=""

autourl[4]=""

autourl[5]=""

functionbutt(){

document.write("")

for(vari=1;i

document.write("

……>=》

name=url"+i+"size=40>=》

onclick=window.open(this.form.url"+i+".value)>
")

document.write("")

}

butt()

functionauto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}b++}

functionrun(){for(vari=1;i

//"+autourl+"/"+Math.random()+"width=1height=1nerror=auto("http:

//"+autourl+"")>")}

run()

46.各种样式的光标

auto:

标准光标

default:

标准箭头

hand:

手形光标

wait:

等待光标

text:

I形光标

vertical-text:

水平I形光标

no-drop:

不可拖动光标

not-allowed:

无效光标

help:

?

帮助光标

all-scroll:

三角方向标

move:

移动标

crosshair:

十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

47、禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。

这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。

禁止鼠标右键的代码很简单:

functionclick(){if(event.button==2)

{alert(呵呵,不好意思,你甭想使用右键下载图片:

));}}document.onmousedown=click

48、在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。

--

functiontestclip(){

try{

if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))

{

null;

}

}

catch(e){

clipboardData.setData("Text","")

}

setTimeout("testclip()",500)

}

testclip();

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > PPT模板 > 其它模板

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1