html

来源:互联网 发布:ssh命令连接linux 编辑:程序博客网 时间:2020/12/04 04:21

 

易协软件:www.ecollab.com.cn

 

国内外 JavaScript 经典网页特效代码封装

http://www.51flash.cn/?p=105

 

 

让浏览器窗口永远都不出现滚动条。

<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>

 

没有水平滚动条<body style="overflow-x:hidden">

没有垂直滚动条<body style="overflow-y:hidden">

 

怎么改变滚动条的颜色,只有ie5.5版本以上才能支持。

这是使用CSS语言,在次说明一下,它和我的浏览器版本有一定的关系。
scrollbar-arrow-color:上下按钮上三角箭头的颜色。
scrollbar-base-color:滚动条的基本颜色。
scrollbar-dark-shadow-color:立体滚动条强阴影的颜色
scrollbar-face-color:立体滚动条凸出部分的颜色
scrollbar-highlight-color:滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;

 

 

 

<style>
<!--
BODY {
scrollbar-face-color:#99CC33;//(立体滚动条凸出部分的颜色)
scrollbar-highlight-color:#A8CBF1;//(滚动条空白部分的颜色)
scrollbar-shadow-color:#A8CBF1;//(立体滚动条阴影的颜色)
scrollbar-arrow-color:#FF9966;//(上下按钮上三角箭头的颜色)
scrollbar-base-color:#A8CBF1; //(滚动条的基本颜色)
scrollbar-darkshadow-color:#A8CBF1; //(立体滚动条强阴影的颜色)
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
}
-->
</style>

 

变换网页的鼠标光标

<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">

 

 

在规定时间内跳转 复制内容到剪贴板

<META http-equiv=V="REFRESH" content="5;URL=http://www.xiugoo.com">

 

 

页面进入和退出的特效

进入页面<meta http-equiv="age-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="age-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。Duration表示特效的持续时间,以秒为单位。Transition表示使
用哪种特效,取值为1-23:
  0 矩形缩小
  1 矩形扩大
  2 圆形缩小
  3 圆形扩大
  4 下到上刷新
  5 上到下刷新
  6 左到右刷新
  7 右到左刷新
  8 竖百叶窗
  9 横百叶窗
  10 错位横百叶窗
  11 错位竖百叶窗
  12 点扩散
  13 左右到中间刷新
  14 中间到左右刷新
  15 中间到上下
  16 上下到中间
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 横条
  22 竖条
  23 以上22种随机选择一种

 

 

各种样式的光标

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

 

怎样让表单没有凹凸感

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

 

 

电子邮件处理提交表单

<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);">
打开页面的位置<body onload="top.moveBy(300,200);">

 

 

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<style>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</style>

 

 

 

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

<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"
alert(checkNum("123214214a1"
// --></script>

 

 

怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字";
else alert("全是字符";

 

 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

 

 

TEXTAREA自适应文字行数的多少

<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

 

选择了哪一个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>

 

脚本永不出错

<SCRIPT LANGUAGE="javascript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>

 

 

ENTER键可以让光标移到下一个输入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9">

 

.怎样让表单没有凹凸感

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

 

 

 网页不会被缓存

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

 

 

屏蔽功能键Shift,Alt,Ctrl

<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"; //可以换成ALT CTRL
}
document.onkeydown=look;
</script>

 

 

最小化、最大化、关闭窗口

<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">
<ARAM 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()>

 

 

取得控件的绝对位置

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

 

 

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

<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()">

 

 

判断上一页的来源

javascript:
document.referrer

 

网页将不能被另存为

<noscript><iframe src=*.html></iframe></noscript>

 

 

防止被人frame

<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

 

 

永远都会带着框架

<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

 

 

关闭输入法

<input style="ime-mode:-Disabled">

 

 

可以在收藏夹中显示出你的图标

<link rel="Bookmark" href="favicon.ico">

 

 

IE地址栏前换成自己的图标

<link rel="Shortcut Icon" href="favicon.ico">

 

 

防止复制

oncopy="return false;" oncut="return false;"

 

 

不准粘贴 复制内容到剪贴板

onpaste="return false"

 

 

取消选取、防止复制

<body onselectstart="return false">

 

oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

 

01.让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉

02.让你的网页无法另存为
<noscript><iframe src=*></iframe></noscript>

03.让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

04.禁止右键:
<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()">

05.进入页面后立即自动刷新?
<meta http-equiv="refresh" content="120;url=http://www.XYZ.com/XYZ">
http://www.XYZ.com/XYZ,这是你自己的网址。

06.打开窗口即最大化
<script language="javascript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>

07.能隐藏IFRAME的滚动条吗?我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden 即在被包含页中应用15.如何控制横向和纵向滚动条的显隐?
3. 被包含页的body标签加scroll="no"

08.加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE

<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用

09.嵌入网页
<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

10.跳转
<meta http-equiv="refresh" content="3;URL=list.htm">

11.滚动
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>

12.细线分隔线
<hr noshade size=0 color=#C0C0C0>

13.过度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上
5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗 12 随意溶解 13从左右两端向中间展开
14 从中间向左右两端展开 15 从上下两端向中间展开
16 从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式


14.加入注释的格式是:    
〈!-[注释内容…]--〉

15.如何控制横向和纵向滚动条的显隐?
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显。

16.定制浏览器地址栏前的小图标:
A:在网页的〈head〉〈/head〉间加入以下语句:
〈link rel="shortcuticon" href="http://…/icon.ico"〉
即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。

17.怎样在网页中加入 E-mail 链接并显示预定的主题?
〈A href="http://www.68design.net/art/mailto:Name@Your.net?subject=主题"〉……〈/a〉

18.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:  
〈meta name="Keywords" content="china,enterprise,business,net"〉   
Content 中所包含的就是关键字,你可以自行设置。   
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
〈meta name="Keywords" content="china,china,china,china"〉 这个关键字对于Google搜索无效。

19.添加到收藏夹:
〈a href="javascript :window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉

20.设为首页:
〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉

21.把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。

另附:IE5.0 的部分快捷键:
A:打开查找功能:Ctrl+F
关闭浏览器窗口:Ctrl+W
打开地址栏下拉列表框:F4
刷 新:F5
将当前Web页保存到收藏夹列表:Ctrl+D
打开当前 IE 窗口的一个拷贝:Ctrl+N
停止下载当前网页:Esc
光标迅速移动到网页的开头:Home
光标迅速移动到网页的尾部:End
打开新的地址键入窗口:Ctrl+O
打开收藏夹:Ctrl+I
打开历史记录文件夹:Ctrl+H
打开浏览器设定的默认主页:Alt+HOME

 

 

1.让文字不停地滚动 GZ TDTi>{  
VMX% $:9O  
  <MARQUEE>滚动文字www.2bysj.cn</MARQUEE> H0?J'PV/0e  
;NX0E=?{N  
2.记录并显示网页的最后修改时间 Ag`u@.GHQ  
4`se7  
  <script language=Javascript> ?vRb  
  document.write("最后更新时间: " + document.lastModified + "") u[~W,H.A  
  </script> aezA#kY  
vxtvj>O  
3.关闭当前窗口 A7,*LsRxV  
f[y!O  
  <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a> C&3{hvPE  
E|j&^]((  
4.5秒后关闭当前页 vGmhd> lh_  
P,)ox&lG  
  <script language="Javascript"> NdU) F  
  <!-- d;|#O5I  
  setTimeout('window.close();',5000); aw`/hNP)A  
  --> U4C>>Y  
  </script> Fv^db:B  
=oB {k  
5.2秒后载入指定网页 S7gb=V  
 C-1iG mT  
  <head> 9u +d5  
  <meta http-equiv="refresh" content="2;URL=http://www.2bysj.cn"> !c`zUx7H  
  </head> j<&{Pp8|  
iPY{ @l)  
6.添加到收藏夹 ^JY3 G6  
yW9<H"j-*  
  <script Language="Javascript"> Pe/p_I  
  function bookmarkit() WTkO3v] -  
  { U<![C0  
  window.external.addFavorite('http://www.2bysj.cn','爱毕业设计网') xE;QCpTj  
  } AS 6>8'H  
  if (document.all)document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>') 0U( 4^}I~  
  </script> +*sVR^hJ  
Eg+RF~  
7.让超链接不显示下划线 xl}Ny;e_  
TujA<#@/r  
  <style type="text/css"> aIj,O1I'j  
  <!-  6NK[d  
  a:link{text-decoration:none} GupOD5  
  a:hover{text-decoration:none} Qq"j6wZ  
  a:visited{text-decoration:none} Q.qu=7  
  -> /eK#ht)F<  
  </style> D'Fk4)/>iZ  
.~bys/  
8.禁止鼠标右键的动作 |oY`:bi  
1//25OVa  
  <script Language = "Javascript"> #d2z?"g!  
  function click() { if (event.button==2||event.button==3) q~L*Tm/n  
  { 9ul..:L  
  alert('禁止鼠标右键'); ~ RO+_K  
  } b ?`^ ,0  
  document.onmousedown=click // --> ts/s!W6,%  
  </script> <jm}aB0MGr  
y'sspk//  
9.设置该页为首页 {M'4a`-_|  
Lu0eqz  
  <body bgcolor="#FFFFFF" text="#000000"> 1j*$#0yy  
  <!-- 网址:http://你的网址--> c / G0  
  <a class="chlnk" style="cursor:hand" HREF e }b"}:z  
  onClick="this.style.behavior='url(#default#homepage)'; |7}U6n%  
  this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> _FeUgh  
  </body> )J_d0M  
4VkblZW;N  
10.节日倒计时 aId/x1.@m  
R$x_  
  <script Language="Javascript"> MaI?3pKAp  
  var timedate= new Date("December 25,2003"); poT(H]-a  
  var times="圣诞节"; ,q":ZeMF  
  var now = new Date(); "3>}eMJ.  
  var date = timedate.getTime() - now.getTime(); gHzdZ3  
  var time = Math.floor(date / (1000 * 60 * 60 * 24)); aP=I"dE4  
  if (time >= 0) jp)PG[k&3p  
  document.write("现在离"+times+"还有: "+time +"天")</script> ?I:*!  
-OOwb6u  
11.单击按钮打印出当前页 t~BnCB=n  
;4$=Ib*W  
  <script Language="Javascript"> V:i='mv  
  <!-- Begin "@17 ZpP  
  if (window.print) { 92I/s  
  document.write('<form>' 1y''6N4h!  
  + '<input type=button name=print value="打印本页" ' u8d7vrs  
  + 'onClick="javascript:window.print()"></form>'); Ei1Y:L  
  } K`J(  
  // End --> }YVPE"fo9  
  </script> Isgl{le  
vp+7l;-  
12.单击按钮‘另存为’当前页 {09=U{HH  
3J0U/"N]y  
  <input type="button" name="Button" value="保存本页" W'Wto'id  
  onClick="document.all.button.ExecWB(4,1)"> n #3kk  
  <object id="button" o)nr4u2A  
  width=0 W ;/ Qu"  
  height=0 EU v[9  
  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> f9wsyz>&&  
  <embed width="0" height="0"></embed> < &=!`/  
  </object> +#k~pVhhY  
BE8P/=v  
13.显示系统当前日期 D/]9: Y}  
eHSp w^?n  
  <script language=Javascript> L7pqbO&  
  today=new Date(); kll=6o  
  function date(){ ^r DaY?  
  this.length=date.arguments.length _"NS[]d  
  for(var i=0;i<this.length;i++) bIz a1n`  
  this[i+1]=date.arguments } tPKr<h)@  
  var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); *3%0dn Dr  
  document.write( vS&r@-<53  
  "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", IYg/6X  
  today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", #`>`cvQ  
  d[today.getDay()+1],"</font>" ); S (myL%!M>  
  </script> W#-%#l)  
cJEM/*b<  
14.不同时间段显示不同问候语 j>0xvC@  
EqMl20t  
  <script Language="Javascript"> ZTX,I9 x  
  <!-- o:inf}/ 4  
  var text=""; day = new Date( ); time = day.getHours( ); @]Z&j!mA  
  if (( time>=0) && (time < 7 )) >y4NC^p  
    text="夜猫子,要注意身体哦! " 8F@?_$(sg  
  if (( time >= 7 ) && (time < 12)) 6GAV.'  
    text="今天天气……哈哈哈,不去玩吗?" AXDFcc'B  
  if (( time >= 12) && (time < 14)) 5*j_O6  
    text="午休时间哦,朋友一定是不习惯午睡的吧?!" lQ)8v  
  if (( time >=14) && (time < 18)) hOs`%N4E  
    text="下午茶的时间到了,休息一下吧! " 8:+CeB:s;  
  if ((time >= 18) && (time <= 22)) IzE,5_5  
    text="您又来了,可别和MM聊太久哦!" 9rg6!S7[Y  
  if ((time >= 22) && (time < 24)) b#rIba/`e  
    text="很晚了哦,注意休息呀!" E 3/w*Y  
  document.write(text) >`BQwVg3h  
  //---> !_Aa^a:TX3  
  </script> ~1k^= tq  
+]Edn<v  
15.水中倒影效果 ET~%M(tT  
c' Ks)cQ  
  <img id="reflect" src="你自己的图片文件名" width="175" height="59"> SDB`/  
  <script language="Javascript"> x OchZ`qL  
  function f1() _g2 cT{Y  
  { K~ZpjsMm  
    setInterval("mdiv.filters.wave.phase+=10",100); x|@#a74  
  } |d>*V#  
  if (document.all) U*hP83  
  { j6Q4L3Ef  
    document.write('<img id=mdiv src="'+document.all.reflect.src+'" 8'fkt@r !  
    style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') s^kpx6*M.l  
    window.onload=f1 O}L <9  
  } 'l 10hUd0  
  </script> /M['~ F(}  
 "mHqy  
16.慢慢变大的窗口 Sv?Iw:0  
HAlP1g7/  
  <script Language="Javascript"> ~ lMZAwV  
  <!-- Kkp_ =c  
  var Windowsheight=100 ~;x/oO  
  var Windowswidth=100 s`oq`l,  
  var numx=5 dHGT0pb62  
  function openwindow(thelocation){ V=p2_s/;  
  temploc=thelocation -Z?#Y;Zyh'  
  if |f_CWs1B`  
  (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) }q|f&V2|  
  { qyl[ p  
    window.open(thelocation) 4#?7-dT  
    return Cb{_ LT  
  } qE{ Fr9-  
  windowsize=window.open("","","scrollbars") 1@uSHcli3  
  windowsize.moveTo(0,0) Ew't/B  
  windowsize.resizeTo(100,100) Z o;jp  
  tenumxt() m]| _07  
  } ~N8!2+H  
  function tenumxt(){ u/WGOA  
  if (Windowsheight>=screen.availHeight-3) P~%XPhD4_  
    numx=0 I#E*M^N  
  windowsize.resizeBy(5,numx) |Z}k} i  
  Windowsheight+=5 $@dw|/s.  
  Windowswidth+=5 AO@(&E  
  if (Windowswidth>=screen.width-5) tdIb!60I  
  { DAo@P  
    windowsize.location=temploc # 7H oX  
    Windowsheight=100 a_,e]O_PM  
    Windowswidth=100 +%}H1SVC  
    numx=5 I^1,fg'  
    return HHAU'%}f%  
  } vo1.DS*gc8  
  setTimeout("tenumxt()",50) ^rYzD xP  
  } lI+t|%E/  
  //--> :d8<)@2;B  
  </script> >kCnPK  
  <p><a href="javascript:openwindow(http://www.2bysj.cn)">进入</a> +Oc`"dnH"  
!M-?#(  
17.改变IE地址栏的IE图标 P#?i!ot'  
31D]Syo  
  我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代 >}7?l"Fe  
}=H Qx_D  
码: F~nhb%g  
+ND@;9  
  <link REL = "Shortcut Icon" href="index.ico"