Board logo

标题: [分享] 网页设计常常用到的代码 [打印本页]

作者: 冰吻六秒钟    时间: 2010-3-2 23:12     标题: 网页设计常常用到的代码

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&#39;,’’,’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"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

9. 防止被人frame
LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></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"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></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"><!--
function checkNum(str){return str.match(/\D/)==null}
alert(checkNum("1232142141")
alert(checkNum("123214214a1")
// --></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><!-- Table Header --><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
作者: 冷酷鲨鱼    时间: 2010-4-15 22:06

不用我多说了。顶一下




欢迎光临 【3.A.S.T】网络安全爱好者 (http://3ast.com./) Powered by Discuz! 7.2