一些html精彩代码站长收集

八喜 · 发表于 2007-7-16 22:39:20

　　这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“javascript:window.close(); return false;”。
　　完整的代码为

：< a href=“/”onclick=“javascript:window.close(); return false;”>关闭窗口< /a>

复制代码

将本站加入收藏夹
请使用如下代码：（注意标点符号）

< a href=‘#‘ onclick="window.external.addFavorite(‘[url]http://www.intohard.com[/url]‘,‘【中国硬盘基地】bbs.intohard.com 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、
聊天交友……‘)" target="_top">将本站加入收藏夹< /a>

复制代码

在页面中制作由下往上滚动的文字

<table border="0" cellspacing="2" cellpadding="2" width="158" align="center">
<tr>
<td colspan="2">
<div align="center"><marquee direction=up height=150 id=scrollArea onMouseOut=scrollArea.start()
onMouseOver=scrollArea.stop() scrollamount=2 scrolldelay=200 width=200> </div>
<p align="left"> <span class="unnamed1"><span class="ow"><span class="font2"><span class="fon">在很</span><span class="unnamed1"><span class="ow"><span class="font2"><span class="fon">久</span></span></span></span><span class="fon">很久以前<br>
你拥有我我拥有你<br>
在很久很久以前<br>
你离开我去远空翱翔<br>
外面的世界很精彩<br>
外面的世界很无奈<br>
当你觉得外面的世界很精彩<br>
我会在这里衷心的祝福你 <br>
</span></span></span></span><span class="fon"><span class="font2"><span class="ow"><br>
<span class="font2">每当夕阳西沉的时候<br>
我总是在这里盼望你<br>
天空中虽然下着雨<br>
我依然等待你的归期<br>
外面的世界很精彩<br>
外面的世界很无奈<br>
当你觉得外面的世界很无奈<br>
我还在这里耐心的等着你 <br>
<br>
</span></span></span></span>
</td>
</tr>
</table>

复制代码

如何自动加入最后修改日期

◆在源代码中的<BODY>…< /BODY>之间加入如下代码：

< Script Language="JavaScript"><!--
document.write("Last Updated:"+document.lastModified);
-->< /Script>

复制代码

设为首页

<a href=# onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://hjw27.yeah.net');">设为首页</a>

复制代码

浮动小视窗

看到一个小小的浮动视窗了吗？这个地方可值得好好利用一下，让浏览者一进站，或链接到某网页，它就会自动出现，全自动的喔！具体如何使用，这就看个人创意了：作放话区、摆工具列、欢迎网友的光临……

　　popup.location.href = '说明视窗的内容.htm；请修改成您自己的HTML档。说明视窗的大小，请自行调整这里：width=200,height=170，爱多大就多大：

〈

HTML〉
〈HEAD〉
〈TITLE〉说明视窗〈/TITLE〉
〈script language="JavaScript"〉〈!-- var gt = unescape('%3e'); var popup = null; var over = "Launch Pop-up Navigator"; popup = window.open('', 'popupnav',
'width=200,height=170,resizable=1,scrollbars=auto');
if (popup != null) { if (popup.opener == null) {
popup.opener = self; }popup.location.href = '说明视窗的内容.htm '; }// --〉
〈/script〉
〈/HEAD>

复制代码

做收藏夹里的ICON
这个倒是有办法，不过只有IE5支持这个功能，不过你可以先把
我加入收藏后，再看你的标题栏，就明白一点。
因为你没有注册，并且正好有事，我下次来解决你的问题，不过看
我的源码，的HEAD部分，你会有所收获。
在HEAD里加入

<link rel="shortcut icon" href="你图标">

复制代码

图标名为　favicon.ico

怎样创建一个简单下拉菜单？

　　下拉菜单是网页中再常见不过的了，由于它可以极大的节省网页空间，因而主要应用在需要进行多对象罗列的场合，比如友情连接列表，合作网站地址等等。
　　DW中提供了一个再简单不过的制作方法，这样我们就不用写那些枯燥的代码啦！
进入“Object”面板的“Form”部分，如图：
　　单击“Insert Jump Menu”按钮，弹出“下拉菜单”设置窗口：
　　在“Text”中输入菜单项的名称；“Go To URL”中键入网址或使用“浏览”按钮选择。单击最上的“+”号可进行新菜单项的录入，所有项目都将在“Menu Items”中显示出来。

一些不常用效果

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. 永远都会带着框架

<script language="JavaScript"></script>

复制代码

9. 防止被人frame

<SCRIPT 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 <script 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 <script language="VBScript"></script>

复制代码

14. 光标是停在文本框文字的最后

<script 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") java script: 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 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、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"); 怎样让表单没有凹凸感？ <input type=text style="border:1 solid #000000"> 或 <input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000"></textarea> <div><span>&<layer>的区别？ <div>(division)用来定义大段的页面元素，会产生转行 <span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行 <layer>是ns的标记，ie不支持，相当于<div> 让弹出窗口总是在最上面: <body onblur="this.focus();"> 不要滚动条? 让竖条没有: <body style='overflow:scroll;overflow-y:hidden'> </body> 让横条没有: <body style='overflow:scroll;overflow-x:hidden'> </body> 两个都去掉？更简单了 <body scroll="no"> </body> 怎样去掉图片链接点击后，图片周围的虚线？ <a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a> 电子邮件处理提交表单 <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> <input type=submit> </form> 在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload() 如何设定打开页面的大小 <body onload="top.resizeTo(300,200);"> 在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>

复制代码

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

<script 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. 日期减去天数等于第二个日期

<script 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><script 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></TD><TD><B>Value</B></TD></TR>" for each ob in Request.ServerVariables Response.Write "<TR><TD>"&ob&"</TD><TD>"&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_NAME"))%> 服务器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>区域中:

<script 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

复制代码