做网站常用的一些代码
http://www.webkey.cn/ 2007-5-25 0:58:41 IT人家整理
控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
--------------------------------------------------------------------------------
表格变色
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand">
--------------------------------------------------------------------------------
禁止复制，鼠标拖动选取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
--------------------------------------------------------------------------------
普通iframe页面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
--------------------------------------------------------------------------------
iframe自适应高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>
--------------------------------------------------------------------------------
IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
--------------------------------------------------------------------------------
字号缩放
越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
--------------------------------------------------------------------------------
select挡住div的解决方法
在div里加入下面的代码，根据需要调整就可以了。
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>
--------------------------------------------------------------------------------
iframe(嵌入式帧)自适应高度
填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。对跨域引用有权限问题，请查阅其他资料。
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe>
--------------------------------------------------------------------------------
跳转菜单新窗口
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="http://www.microsoft.com/ie"> Internet Explorer</option>
<option value="http://www.microsoft.com"> Microsoft Home</option>
<option value="http://msdn.microsoft.com"> Developer Network</option>
</select>
--------------------------------------------------------------------------------
flash透明选项
<param name="wmode" value="transparent">
--------------------------------------------------------------------------------
添加到收藏夹和设为首页
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.webkey.cn/lanren/');">设为首页</a>
<a href="javascript:window.external.AddFavorite('http://www.webkey.cn/lanren/','懒人图库')">收藏本站</a>
--------------------------------------------------------------------------------
记录并显示网页的最后修改时间
<script language=JavaScript>
document.write("最后更新时间: " + document.lastModified + "")
</script>
--------------------------------------------------------------------------------
节日倒计时
<Script Language="JavaScript">
var timedate= new Date("October 1,2002");
var times= "国庆节";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write( "现在离"+times+"还有: "+time +"天")
</Script>
--------------------------------------------------------------------------------
加在HEAD里
禁止缓存
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------------------------------------------------------
让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>
--------------------------------------------------------------------------------
打开窗口即最大化
<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>
--------------------------------------------------------------------------------
加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用
--------------------------------------------------------------------------------
滚动
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息
</marquee>
--------------------------------------------------------------------------------
防止点击空链接时，页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记
--------------------------------------------------------------------------------
文字或图片弹出指定大小的窗口
在body中加入
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>
--------------------------------------------------------------------------------
flash按钮加链接
on (press) {
getURL("http://www.webkey.cn","_blank");
}
--------------------------------------------------------------------------------
跳转页面代码
<meta http-equiv="refresh" content="5;url=http://www.webkey.cn">
--------------------------------------------------------------------------------
细线分隔线
<hr noshade size=0 color=#C0C0C0>
--------------------------------------------------------------------------------
网页中的自动换行
<td style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
--------------------------------------------------------------------------------
消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
--------------------------------------------------------------------------------
禁止页面正文内容被选取
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
--------------------------------------------------------------------------------
不能点右键，不用CTRL+A，不能复制作!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
--------------------------------------------------------------------------------
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
<Body Background="图片文件" bgproperties="fixed">
--------------------------------------------------------------------------------
随机变换背景图象（一个可以刷新心情的特效）
<Script Language="JavaScript">
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
--------------------------------------------------------------------------------
flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
--------------------------------------------------------------------------------
图片表单按钮
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
--------------------------------------------------------------------------------
左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
--------------------------------------------------------------------------------
划过链接 手型鼠标
style="cursor:hand"
--------------------------------------------------------------------------------
如何关闭层
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">关闭层</a>
--------------------------------------------------------------------------------
关闭窗口的脚本
<a href=javascript:close()>[关闭窗口]</a>
--------------------------------------------------------------------------------
如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>
--------------------------------------------------------------------------------
进入主页后自动最大化
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
--------------------------------------------------------------------------------
凹陷文字
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font>
</div>
--------------------------------------------------------------------------------
运行代码框
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15>
分享到：
相关推荐
【大漠常用代码集合】是一个综合性的编程资源合集，主要包含了大漠这位开发者在日常工作和学习中积累的各种实用代码片段。这些代码可能是用于解决特定问题、优化算法、提升效率或者进行数据分析等目的。通过这个代码...
本资源提供了“网页制作常用的一些实用代码”，旨在帮助初学者和有一定基础的开发者快速掌握并应用这些代码片段。下面，我们将详细探讨这些知识点。 一、HTML基础知识 HTML（HyperText Markup Language）是网页的...
VC代码 supergrid (实用代码源)VC代码 supergrid (实用代码源)VC代码 supergrid (实用代码源)VC代码 supergrid (实用代码源)VC代码 supergrid (实用代码源)VC代码 supergrid (实用代码源)VC代码 supergrid (实用代码...
实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码 03 词云实用代码...
数控常用G代码M代码法拉克系统 数控加工者经常使用的G代码和M代码是法拉克系统的基本组成部分。这些代码是数控加工的核心语言，用于控制机床的运动和加工过程。 G代码是一种通用语言，用于控制机床的运动和加工...
实用代码 30 快速图像风格迁移实用代码 30 快速图像风格迁移实用代码 30 快速图像风格迁移实用代码 30 快速图像风格迁移实用代码 30 快速图像风格迁移实用代码 30 快速图像风格迁移实用代码 30 快速图像风格迁移实用...
数学建模matlab常用算法代码整理的集合，包含神经网络图像分类代码，图论算法软件，小波神经网络预测代码，元胞自动机代码，Dijkstra算法找最短路径代码，Floyd算法求最小距离代码，GRNN的数据预测-基于广义回归神经...
100种网页常用广告代码集 绝对经典 1：对联广告代码演示下载 2：对联广告带关闭代码演示下载 3：大幅广告自动翻滚代码演示下载 4：大幅图片广告代码演示下载 5：横向滚动图片代码演示下载 6：幻灯图片代码演示下载 7...
VC代码 CButtonST_demo (实用代码源)VC代码 CButtonST_demo (实用代码源)VC代码 CButtonST_demo (实用代码源)VC代码 CButtonST_demo (实用代码源)VC代码 CButtonST_demo (实用代码源)VC代码 CButtonST_demo (实用...
Unity3D 常用代码集合 Unity3D 是一款功能强大且功能丰富的游戏引擎，提供了许多实用的功能和API供开发者使用。本文将对 Unity3D 中的一些常用代码进行总结和解释，帮助开发者更好地理解和应用这些代码。 1. 基本...
VC代码 20050718_HookMouse (实用代码源)VC代码 20050718_HookMouse (实用代码源)VC代码 20050718_HookMouse (实用代码源)VC代码 20050718_HookMouse (实用代码源)VC代码 20050718_HookMouse (实用代码源)VC代码 ...
在“CSS常用代码大全(html+css代码).pdf”中，我们可以看到一系列常用的CSS代码及其用法。 首先，关于文本设置，`font-size`用于定义文本的字号，`font-style`可以设置文本的斜体，如`italic`或`normal`，`font-...
"常用汉字代码表" 在计算机科学中，汉字代码表是一个非常重要的概念。它是指将汉字转换为计算机可以识别的代码，以便于计算机处理和存储汉字。常用汉字代码表是指根据国标（GB 2312-80）中的分级与排列内容，收集了...
VBA150+个常用宏代码集合.xls 常用案例代码 VAB练习资料 VBA代码大全 VBA命令大全
实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码 04 图像风格迁移实用代码...
总之，网站底部美化代码涉及HTML布局、CSS样式和可能的JavaScript交互，目的是使页脚既美观又实用。通过精心设计，可以提升用户体验，增加品牌识别度，同时提供方便的导航功能。对于网页设计师和开发者来说，理解并...
VC代码 fterm-smth (实用代码源)VC代码 fterm-smth (实用代码源)VC代码 fterm-smth (实用代码源)VC代码 fterm-smth (实用代码源)VC代码 fterm-smth (实用代码源)VC代码 fterm-smth (实用代码源)VC代码 fterm-smth ...
网页制作常用代码包括 一：文字加粗 倾斜的代码 二：文字链接代码 三：在网站上放图片的代码 四：图片链接代码 五：换行代码 六：文字移动的代码 七：移动图片的代码 八：背景音乐的代码 九：在网站中插入一个...
"Excel 实用宏代码集"是一个宝贵的资源，为办公人员提供了大量的宏代码示例，有助于提升工作效率，并且对于初学者来说，是学习和理解Excel宏编程的优秀指南。 首先，让我们深入了解什么是Excel宏。宏是通过Excel的...
Asp.net常用的51个代码(非常实用). Asp.net常用的51个代码(非常实用). Asp.net常用的51个代码(非常实用).