[分享] 网页设计常常用到的代码

网页设计, 代码

1、文字加粗倾斜的代码：
◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好！</i> ◆底线字：<u></u>
2、文字链接代码：
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：
<a href="网站地址";>101在线</a>如果要点了这个文字以后重新打开一个窗口的话，代码是：<a href="网站地址";; target="_blank">101在线</a>
3、在网站上放图片的代码：
如果你看到一个好看的图片想放到网站上，代码是这样的：
<img src="/edit/UploadFile/2006617174557266.gif"; width="150" height="100">
后面的数字调节图片的尺寸大小。
4、图片链接代码：
如果要点一下图片就能打开一个网站的链接代码是这样的：
<ahref="http://www.163.com";><img                            src="/edit/UploadFile/2006617174557266.gif";width="150" height="100"></a>
如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口，代码是这样的：<a href="http://www.163.com";; target="_blank"><img src="/edit/UploadFile/2006617174557266.gif"; width="150" height="100"></a>上面的数字都能调节图片
5、换行代码：

如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>，这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明。
6、文字移动的代码是：<marquee>这里写文字</marquee>
7、移动图片的代码：
<marquee><img src="/edit/UploadFile/2006617174558544.jpg";><img src="/edit/UploadFile/2006617174558797.jpg";><img src="/edit/UploadFile/2006617174558929.jpg";><marquee>
把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入：
<img src="/edit/UploadFile/2006617174558797.jpg";>
里面的图片地址自己定。
8、背景音乐的代码：
如果想在你的网站上放上一段好听的背景音乐，代码是： <bgsound src="http://xxxxx.com/xxx.mid";loop=10><bgsound src="http://www.midifan.com/midi/music.asp?id=3073";loop=30> 里面的背景音乐地址你能自己替换。前面的是音乐地址，一般都以mid或者mp3的形式结尾后面的数字是播放次数。http://www.midifan.com/midi/
这个网站都有好的背景音乐。
9在网站中插入一个flash动画的代码是：
<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf";> 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。
10、打开网站时候出现的欢迎词代码：
<body onLoad= alert("你好，欢迎访问本网站！")>
11、关闭网站的时候出现的话的代码：
<body onUnload="window.alert(’谢谢您的光临,诚邀加盟下线联盟.请记住本站域名：http://www.yj888.net 站长信箱：****@yahoo.com.cn 欢迎咨询’)">
12、打开网站的时候自己做一个弹出窗口的广告的代码：
<script language="javascript"> var TimerID=1;
window.open(’http://163.com',’’,’width=600,height=300,left=100,top=50’);</script>
里面的 http://163.com 这个是你预先做好的一个网页，后面的数字是调节大小和位置的，你自己多试验几次。
简单的html代码知识
HTML代码
说明或效果

<p>一段文字</p>
段落

<br>
换行

<bgcolor="#00FF00">
背景颜色(#00FF00为绿色)

<text="#0000FF">
字体颜色(#0000FF为蓝色)

<p align="left">文字</p>
文字左对齐

<p align="center">文字</p>
文字居中

<p align="right">文字</p>
文字右对齐

<font size="5">文字</font>
文字大小

<font color="#FF0000">文字</font>
文字颜色(#FF0000为红色)

<b>加粗</b>
加粗

<i>斜体</i>
斜体

<u>加下划线</u>
加下划线

<s>加删除线</s>
加删除线

1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
language="javascript"></script>

9. 防止被人frame
LANGUAGE=javascript></script>

10. <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为

11. <input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR"<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR"
end if
%>

13. 取得控件的绝对位置

//javascript
language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"\nleft="+l);
}
</script>

//VBscript
language="VBscript"></script>

14. 光标是停在文本框文字的最后
language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER"

javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark
Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Record set、BookMark
Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS 不支持)。
Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动

Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改
Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的

Const adCmdText = &H0001
Const adCmdTable = &H0002
%>

18. 网页不会被缓存
HTM网页
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
ASP网页
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
PHP网页
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT";
header("Cache-Control: no-cache, must-revalidate";
header("Pragma: no-cache";

19. 检查一段字符串是否全由数字组成
language="javascript"></script>

20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight

21. 怎么判断是否是字符
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字";
else alert("全是字符";

22.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> ;
</textarea>

23. 日期减去天数等于第二个日期
language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日"
}
cc("12/23/2002",2)
</script>

24. 选择了哪一个Radio
<HTML> language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

25.获得本页url的request.servervariables(""集合
Response.Write "<TABLE border=1><TR><TD><B>Variables</B></T D><TD><B>value</B></TD></TR> ;"
for each ob in Request.ServerVariables
Response.Write "<TR><TD>"&ob&"</TD><TD>"&am p;Request.ServerVariables(ob)&"</TD></TR>"
next
Response.Write "</TABLE>"

26.
本机ip<%=request.servervariables("remote_addr"%>
服务器名<%=Request.ServerVariables("SERVER_NAME"%>
服务器IP<%=Request.ServerVariables("LOCAL_ADDR"%>
服务器端口<%=Request.ServerVariables("SERVER_PORT"%>
服务器时间<%=now%>
IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE"%>
脚本超时时间<%=Server.scriptTimeout%>
本文件路径<%=server.mappath(Request.ServerVariables("script_NA ME")%>
服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS" %>
服务器解译引擎<%=scriptEngine & "/"& scriptEngineMajorVersion &"."&scriptEngineMinorVersion&"."& scriptEngineBuildVersion %>
服务器操作系统<%=Request.ServerVariables("OS"%>

27.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

28. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
language=javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"

function butt(){
document.write("<form name=autof>"
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/> "
document.write("<input type=submit value=刷新></form>"
}
butt()
function auto(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++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 onerror=auto('http://";;+autourl+"')>"}
run()</script>

29. 各种样式的光标
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

冷酷鲨鱼

3.A.S.T中校

Rank: 6 Rank: 6

帖子: 430
积分: 872
威望: 761
金钱: 804
在线时间: 138 小时

2楼

发表于 2010-4-15 22:06 | 只看该作者

不用我多说了。顶一下

白痴人才。

TOP

返回列表

[分享] 网页设计常常用到的代码

[收藏此主题] [关注此主题的新回复]

[通过 QQ、MSN 分享给朋友]