常用的HTML代码
●控制横向和纵向滚动条的显隐?
style="overflow-y:hidden">
去掉x轴
style="overflow-x:hidden">
去掉y轴
●
表格变色
οnmοuseοver="this.style.backgroundColor='#FFFFFF'"
οnmοuseοut="this.style.backgroundColor=''"
style="CURSOR: hand">
●
禁止复制,鼠标拖动选取
οndragstart=window.event.returnValue=false
οncοntextmenu=window.event.returnValue=false
onselectstart=event.returnValue=false>
●
普通iframe页面
src="main.htm"
width="450" height="287"
scrolling="Auto"
frameborder="0">
●
iframe自适应高度
src="index.asp"
frameborder=false
scrolling="auto"
width="100%"
height="100%"
frameborder=no
οnlοad="document.all['pindex'].style.height=pindex.document.body.scrollHeight"
>
●
IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
href="favicon.ico">
href="favicon.ico">
●
字号缩放
越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
id="zoom">需要指定大小的文字
href="javascript:doZoom(16)">大
href="javascript:doZoom(14)">中
href="javascript:doZoom(12)">小
●
select挡住div的解决方法
在div里加入下面的代码,根据需要调整就可以了。
src="javascript:false"
scrolling="no"
frameborder="0"
style="z-index:-1;position:absolute;
top:5px;
left:2px;width:168;height:100px;">
●
iframe(嵌入式帧)自适应高度
填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限问题,请查阅其他资料。
src="gbook/index.asp"
scrolling=no
width="100%"
height="100%"
frameborder=no
οnlοad="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight">
●
跳转菜单新窗口
οnchange="window.open(this.options[this.selectedIndex].value)">
value="http://www.microsoft.com/ie">
Internet
Explorer
value="http://www.microsoft.com">
Microsoft Home
value="http://msdn.microsoft.com">
Developer
Network
●
flash透明选项
value="transparent">
●
添加到收藏夹和设为首页
οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.1t2t.com');">设为首页
href="javascript:window.external.AddFavorite('http://www.1t2t.com/','想偷懒-就找懒人代码')">收藏本站
●
记录并显示网页的最后修改时间
document.write("最后更新时间:
" +
document.lastModified +
"")
●
节日倒计时
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
+"天")
●
加在HEAD里
禁止缓存
http-equiv="Expires"
CONTENT="0">
http-equiv="Cache-Control"
CONTENT="no-cache">
http-equiv="Pragma"
CONTENT="no-cache">
●
让IFRAME框架内的文档的背景透明
allowtransparency>
●
打开窗口即最大化
●
加入背景音乐
src="mid/windblue.mid"
loop="-1"> 只适用于IE
autostart="true"
loop="true"
hidden="true"> 对Netscape
,IE 都适用
●
滚动
height=146
οnmοuseοut=start()
οnmοuseοver=stop()
scrollAmount=2>滚动信息
●
防止点击空链接时,页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记
●文字或图片弹出指定大小的窗口
在body中加入
type="text/JavaScript">
function
MM_openBrWindow(theURL,winName,features)
{window.open(theURL,winName,features);}
弹出代码
onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')"
●flash按钮加链接
on (press) {
getURL("http://www.1t2t.com","_blank");
}
●跳转页面代码
http-equiv="refresh"
content="5;url=http://www.1t2t.com">
●细线分隔线
color=#C0C0C0>
●网页中的自动换行
style="word-break:break-all">就搞定了。
完整的是
style="table-layout:
fixed;WORD-BREAK:
break-all; WORD-WRAP:
break-word"
●消除ie6自动出现的图像工具栏,设置
GALLERYIMG属性为false或no .
HEIGHT="100px"
WIDTH="100px"
GALLERYIMG="no">
●禁止页面正文内容被选取
οncοntextmenu="return
false"
οndragstart="return
false" onselectstart
="return false"
οnselect="document.selection.empty()"
οncοpy="document.selection.empty()"
onbeforecopy="return
false"οnmοuseup="document.selection.empty()">
●不能点右键,不用CTRL+A,不能复制作!
οncοntextmenu="window.event.returnValue=false"
οnkeypress="window.event.returnValue=false"
οnkeydοwn="window.event.returnValue=false"
οnkeyup="window.event.returnValue=false"
οndragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
●IE浏览器支持一个 Body 属性
bgproperties,它可以让背景不滚动:
bgproperties="fixed">
●随机变换背景图象(一个可以刷新心情的特效)
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("
BACKGROUND="+image[number]+">");
●flash载入影片
on (release)
{
loadMovie("1-01.swf",
"_root.loaderclip");
}
●图片表单按钮
name="form1"
method="post" action="">
width="62" height="22"
οnclick="document.form1.submit()"
/>
●左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat:
repeat-y;
background-position:
center;
background-image:
url(../images/bg.jpg);
}
●划过链接 手型鼠标
style="cursor:hand"
●如何关闭层
onClick="Layer1.style.display='none'">关闭层
●关闭窗口的脚本
href=javascript:close()>[关闭窗口]
●如果文字过长,则将过长的部分变成省略号显示
就是比如有一行文字,很长,表格内一行显示不下.
●进入主页后自动最大化
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
●凹陷文字
style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all;
font-size:12px;
line-height:18px;
background-color:#eeeeee;">
怎么样,我凹下去了吧?
你不想试试吗?
href="http://www.1t2t.com/">www.1t2t.com
●运行代码框
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
cols=60
rows=15>
οnclick=Preview()
>运行
●给表格做链接
οnclick="window.open('http://www.1t2t.com/',
'_blank')"
style="CURSOR:hand">
bgcolor="f4f4f4">
●让弹出窗口总是在最上面
οnblur="this.focus();">
●CSS文字阴影
.shadowfont{FILTER:
dropshadow(color=#666666,
offx=1, offy=1,
positive=1);
FONT-FAMILY: "宋体";
FONT-SIZE: 9pt;COLOR:
#ffffff;}
●后退&关闭窗口
后退:javascript:history.back(1)
关闭:javascript:window.close();
●表格透明
style="FILTER:
alpha(opacity=72)"
●如何避免别人把你的网页放在框架中
(self!=top){top.location=self.location;}
-->< /script>
●Alt和Title的区别
alt
用来给图片来提示的。Title用来给链接文字或普通文字提示的。
Title="给链接文字提示">文字
alt="给图片提示">
●所有的javascript的调用尽量采取外部调用
SRC="js/xxxxx.js">
●链接到
response.redirect"login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
●基本链接样式
a:link 表示链接的样式
a:active 表示当前活动连接的样式
a:hover 表示鼠标划过时的样式
a:visited 表示已经访问过的连接的样式
"link-visited-hover-active"
简记为 "lvha"
即 "love"+"hate"
●在同一页面设置不同文字链接效果的样式
.green {COLOR: #309633}
.green A:link {COLOR:
#309633;
TEXT-DECORATION: none}
.green A:visited {COLOR:
#309633;
TEXT-DECORATION: none}
.green A:hover {COLOR:
#309633;
TEXT-DECORATION:
underline}
.green A:active {COLOR:
#309633;
TEXT-DECORATION: none}
●下拉跳转菜单
οnchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
----请选择----
value="http://www.1t2t.com/">懒人代码
value="http://www.1t2t.com">1t2t懒人代码
value="http://www.1t2t.com/">想偷懒-就找懒人代码
● 代码容错
●
字体背影代码
字体背影
●
提交查询代码:
action="http://www.kooxoo.com/search" method=get>
value='Train'>
出发地:
目的地:
type="submit" name="Submit" value="查询车次">
●
返回上一页代码
●三种强制加入收藏夹代码
第一个:
===================================================
window.external.AddFavorite("http://www.1t2t.com/","1t2t懒人代码");
==================================================
说明:这个打开网页就弹出窗口要求加入收藏夹,不推荐使用,有点烦!嘿嘿!
第二个:
-------------------------------------------------------------------------------------------------------------
..........
----------------------------------------------------------------------------------------------------------------
说明:这个是每次关闭页面是弹出窗口,看情况使用啊!
第三个:
====================================================
================================================================================
这个据说是24小时内弹一次