网页设计代码大全.docx
《网页设计代码大全.docx》由会员分享，可在线阅读，更多相关《网页设计代码大全.docx（47页珍藏版）》请在冰豆网上搜索。
网页设计代码大全
Html网页设计代码
设计第一技术其次:
）
-—--—--—-———-—-———----——-——-—-—--—
1）贴图:
<；imgsrc="；图片地址＆quot;＆gt;
2）加入连接：
＆lt;ahref=＆quot;所要连接的相关地址"；＆gt；写上你想写的字＆lt;/a＆gt；
1）贴图：
〈imgsrc="图片地址”>
2）加入连接：
3）在新窗口打开连接：
消除连接的下划线在新窗口打开连接：
〈ahref="相关地址"style="text-decoration：
none"target="_blank”〉写上你想写的字
4）移动字体（走马灯）：
5）字体加粗：
〈b〉写上你想写的字〈/b〉
6）字体斜体：
〈i>写上你想写的字
7）字体下划线：
〈u〉写上你想写的字〈/u>
8）字体删除线：
〈s>写上你想写的字〈/s〉
9）字体加大:
10）字体控制大小：
〈h1>写上你想写的字〈/h1>（其中字体大小可从h1-h5,h1最大，h5最小）
11）更改字体颜色:
〈fontcolor=”＃value”〉写上你想写的字（其中value值在000000与ffffff（16位进制）之间
12）消除连接的下划线：
〈ahref=”相关地址"style="text-decoration:
none">写上你想写的字
13）贴音乐:
〈embedsrc=音乐地址width=300height=45type=audio/mpegautostart="false”>
14）贴flash:
15）贴影视文件：
〈imgdynsrc="文件地址”width="宽度"height=”高度"start=mouseover>
16）换行:
〈br〉
17）段落：
〈p>段落〈/p>
18）原始文字样式：
〈pre>正文
19）换帖子背景:
20）固定帖子背景不随滚动条滚动：
〈bodybackground=”背景图片地址"body
bgproperties=fixed〉
21）定制帖子背景颜色：
22）帖子背景音乐:
23）贴网页：
〈iframesrc=”相关地址”width=”宽度"height="高度”〉〈/iframe>
/—————--—-—---—--—-———----—-———--—-—-—--—HTML特效代码----———-—-—--———---————--—-——---/
1。
忽视右键
〈bodyoncontextmenu="returnfalse”〉
或
hidden"〉
2。
加入背景音乐
IE：
mid"loop=infinite>
NS:
〈embedsrc="*。
mid"autostart=truehidden=trueloop=true〉
*.mid你的背景音乐的midi格式文件
3。
简单的window。
open方法
onclick="javascript:
window。
open（文件路径/文件名，newwindow，
toolbar=no,scrollbars=yes，resizable=no,top=0，left=0,
width=400,height=300）；”〉文字或图片〈/a〉
参数解释:
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为允许；
4.简单的页面加密
〈scriptLANGUAGE=”javascript"〉
-—
functionloopy（）｛
varsWord=”";
while（sWord!
="login”）｛sWord=prompt（"请输入你的登陆密码”）;｝
alert（"登陆成功！
"）;
｝
loopy（）
//——〉
〈/script>
5.拉动页面时背景图不动
〈style〉
body｛background-image：
url（logo.gif）；
background-repeat：
no—repeat;background—position:
center}
6。
让浏览器在保存页面时保存失败
〈NOSCRIPT>〈iframesrc=”*.html"〉〈/iframe>〈/NOSCRIPT〉
7.随机替换图片
〈script>
document.write（〈imgsrc="img/+parseInt（Math。
random（）*（5））
+。
gif"height=”40"width="50">
〈/script〉
图片文件名为0。
gif1.gif2.gif3。
gif4.gif
8。
窗口定时关闭
先将如下代码网页文件的区：
functioncloseit（）｛setTimeout（"self。
close（）”,10000）//毫秒｝
然后再在
标内加入如:
9.网页自动关闭
〈objectid=closestype=”application/x-oleobject”
classid=”clsid:
adb880a6-d8ff-11cf—9377—00aa003b7a11”〉
Click（）,10000）”〉
这个窗口会在10秒过后自动关闭，而且不会出现提示.
〈/html〉
10。
网页自动刷新
在head部记入
其中20为20秒后自动刷新，你可以更改为任意值。
11。
网页自动转页
12。
保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe或Object设z-Index值
2〉 〈divz-Index:
1〉〈objectxxx>〈/object〉#后面
〈divid="Layer2"style="position:
absolute；top：
40；width:
400px;
height：
95px；z-index:
2”〉height=100%width=100%〉
〈/div>
absolute;top：
50;width：
200px；
height:
115px;z-index:
1"〉
〈/iframe>
13。
返回上一页
〈ahref=javascript：
history。
back
（1）>『返回上一页』
14。
关闭窗口
self.close（）〉『关闭窗口』
15.关于iframe的透明背景
〈IFRAMEID=”iFrame1"SRC=”iframe.htm"
allowTransparency=”true”
style="background-color：
green">〈/IFRAME>
16.oncontextmenu=”window.event。
returnValue=false”将彻底屏蔽鼠标右键
〈tableborderoncontextmenu=return（false）>〈td〉no〈/table〉可用于Table
17.〈bodyonselectstart=”returnfalse">取消选取、防止复制
18.onpaste="returnfalse"不准粘贴
19。
oncopy=”returnfalse；"oncut=”returnfalse;”防止复制
20.21.〈linkrel="Bookmark”href="favicon.ico”>可以在收藏夹中显示出你的图标
22.〈inputstyle="ime-mode:
disabled"〉关闭输入法
23。
永远都会带着框架
〈scriptlanguage="JavaScript"〉
--
if（window==top）top。
location。
href=”frames。
htm”；//frames.htm为框架网页
//—-〉
24。
防止被人frame
〈SCRIPTLANGUAGE=JAVASCRIPT>〈!
——
if（top.location！
=self。
location）top。
location=self.location;
//—->〈/SCRIPT〉
25。
网页将不能被另存为
html〉
26.查看网页源代码
〈inputtype=buttonvalue=查看网页源代码onclick=”window.location=”view—source：
”+”http：
//www。
pconline。
"”>
27.删除时确认
if（confirm（”确实要删除吗？
”））location=”boos.asp？
&areyou=删除＆page=1”"〉删除
28.屏蔽功能键Shift,Alt，Ctrl
functionlook（）｛
if（event。
shiftKey）
alert（"禁止按Shift键！
"）；//可以换成ALT CTRL
｝
document。
onkeydown=look;
29。
网页不会被缓存
〈METAHTTP—EQUIV="Cache-Control”CONTENT="no—cache，must—revalidate">
〈METAHTTP—EQUIV="expires"CONTENT="Wed，26Feb199708:
21：
57GMT"〉
或者〈METAHTTP-EQUIV="expires”CONTENT="0”>
30。
怎样让表单没有凹凸感？
〈inputtype=textstyle=”border:
1solid#000000"〉
或〈inputtype=textstyle="border-left：
none;border—right：
none；border—top:
none;border—bottom:
1solid#000000"〉〈/textarea>
31。
不要滚动条?
让竖条没有：
scroll;overflow-y：
hidden"〉
让横条没有:
scroll;overflow-x：
hidden”>
两个都去掉?
更简单了
〈/body>
32。
怎样去掉图片链接点击后，图片周围的虚线？
blur（）”〉jpg”border=0〉〈/a>
33.电子邮件处理提交表单
〈formname=”form1”method=”post”action=”mailt＊**＊@*＊＊.com”enctype="text/plain">
〈/form>
34.在打开的子窗口刷新父窗口的代码里如何写？
window。
opener.location.reload（）
35.如何设定打开页面的大小
resizeTo（300，200）；”>
打开页面的位置36。
在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
〈STYLE〉
body
{background-image：
url（logo.gif）;background—repeat：
no—repeat；
background—position:
center；background—attachment：
fixed}
〈/STYLE〉
37.检查一段字符串是否全由数字组成
——
functioncheckNum（str）{returnstr。
match（//D/）==null}
alert（checkNum（”1232142141"））
alert（checkNum（"123214214a1”））
//——>〈/script〉
38。
获得一个窗口的大小
document。
body。
clientWidth；document。
body。
clientHeight
39.怎么判断是否是字符
if（/[^/x00—/xff］/g.test（s））alert（"含有汉字"）;
elsealert（”全是字符”）;
40.TEXTAREA自适应文字行数的多少
〈textarearows=1name=s1cols=27onpropertychange=”this。
style.posHeight=this。
scrollHeight”〉
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
〈HTML〉〈scriptlanguage=”vbscript”〉
functioncheckme（）
foreachobinradio1
ifob.checkedthenwindow。
alertob。
value
next
endfunction
〈/script>〈INPUTname="radio1”type="radio"value=”style"checked>Style
〈INPUTtype=”button”value=”check"onclick=”checkme（）”>
升级会员 