`
yang_min
  • 浏览: 343004 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

常用HTML代码汇集

阅读更多
设为首页

<a href=# onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://shop33001679.taobao.com');">设为首页</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"><!--   if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页   // --></script>   

9. 防止被人frame   <SCRIPT 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   <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"><!--   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. 光标是停在文本框文字的最后   <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"><!--   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. 日期减去天数等于第二个日期   <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><!-- Table Header --><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


分享到:
评论
3 楼 无风也飘飘 2008-07-18  
这个是个好东西,总结得很不错,我收藏了,谢谢!
2 楼 kary1109 2008-07-18  
很好,谢谢了。
1 楼 knight2010 2008-07-17  
佩服得~~棒棒声

相关推荐

    ysoserial-master.zip

    ysoserial是一个用于生成利用不安全的Java对象反序列化的有效负载的概念验证工具。它包含一系列在常见Java库中发现的"gadget chains",可以在特定条件下利用执行不安全的反序列化操作的Java应用程序。ysoserial项目最初在2015年AppSecCali会议上提出,包含针对Apache Commons Collections(3.x和4.x版本)、Spring Beans/Core(4.x版本)和Groovy(2.3.x版本)的利用链

    zigbee CC2530无线自组网协议栈系统代码实现协调器与终端的TI Sensor实验和Monitor使用.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-自卸卡车-挖掘机-轮式装载机数据集-2644张图像带标签-自卸卡车-挖掘机-轮式装载机.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    Oracle10gDBA学习手册中文PDF清晰版最新版本

    **Oracle 10g DBA学习手册:安装Oracle和构建数据库** **目的:** 本章节旨在指导您完成Oracle数据库软件的安装和数据库的创建。您将通过Oracle Universal Installer (OUI)了解软件安装过程,并学习如何利用Database Configuration Assistant (DBCA)创建附加数据库。 **主题概览:** 1. 利用Oracle Universal Installer (OUI)安装软件 2. 利用Database Configuration Assistant (DBCA)创建数据库 **第2章:Oracle软件的安装与数据库构建** **Oracle Universal Installer (OUI)的运用:** Oracle Universal Installer (OUI)是一个图形用户界面(GUI)工具,它允许您查看、安装和卸载机器上的Oracle软件。通过OUI,您可以轻松地管理Oracle软件的安装和维护。 **安装步骤:** 以下是使用OUI安装Oracle软件并创建数据库的具体步骤:

    消防验收过程服务--现场记录表.doc

    消防验收过程服务--现场记录表.doc

    (4655036)数据库 管理与应用 期末考试题 数据库试题

    数据库管理\09-10年第1学期数据库期末考试试卷A(改卷参考).doc。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。

    YOLO算法-瓶纸盒合并数据集-3161张图像带标签-纸张-纸箱-瓶子.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    职业暴露后的处理流程.docx

    职业暴露后的处理流程.docx

    Java Web开发短消息系统

    Java Web开发短消息系统

    java毕设项目之ssm基于java和mysql的多角色学生管理系统+jsp(完整前后端+说明文档+mysql+lw).zip

    项目包含完整前后端源码和数据库文件 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    批量导出多项目核心目录工具

    这是一款可以配置过滤目录及过滤的文件后缀的工具,并且支持多个项目同时输出导出,并过滤指定不需要导出的目录及文件后缀。 导出后将会保留原有的路径,并在新的文件夹中体现。

    【图像压缩】基于matlab GUI DCT图像压缩(含MAX MED MIN NONE)【含Matlab源码 9946期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    操作系统实验 Ucore lab5

    操作系统实验 Ucore lab5

    IMG_5950.jpg

    IMG_5950.jpg

    竞选报价评分表.docx

    竞选报价评分表.docx

    java系统,mysql、springboot等框架

    java系统,mysql、springboot等框架

    zigbee CC2530网关+4节点无线通讯实现温湿度、光敏、LED、继电器等传感节点数据的采集上传,网关通过ESP8266上传远程服务器及下发控制.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-快递衣物数据集-496张图像带标签.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    搜索引擎lucen的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业

    内容概要:本文详细讲解了搜索引擎的基础原理,特别是索引机制、优化 like 前缀模糊查询的方法、建立索引的标准以及针对中文的分词处理。文章进一步深入探讨了Lucene,包括它的使用场景、特性、框架结构、Maven引入方法,尤其是Analyzer及其TokenStream的实现细节,以及自定义Analyzer的具体步骤和示例代码。 适合人群:数据库管理员、后端开发者以及希望深入了解搜索引擎底层实现的技术人员。 使用场景及目标:适用于那些需要优化数据库查询性能、实施或改进搜索引擎技术的场景。主要目标在于提高数据库的访问效率,实现高效的数据检索。 阅读建议:由于文章涉及大量的技术术语和实现细节,建议在阅读过程中对照实际开发项目,结合示例代码进行实践操作,有助于更好地理解和吸收知识点。

Global site tag (gtag.js) - Google Analytics