javascript常用代码

1、滚动条颜色

只有ie5.5版本以上才能支持
这是使用CSS语言，在次说明一下，它和我的浏览器版本有一定的关系。
scrollbar-arrow-color：上下按钮上三角箭头的颜色。
scrollbar-base-color：滚动条的基本颜色。
scrollbar-dark-shadow-color：立体滚动条强阴影的颜色
scrollbar-face-color：立体滚动条凸出部分的颜色
scrollbar-highlight-color：滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色。

代码如下

<style>
<!--
BODY {SCROLLBAR-FACE-COLOR: #ff6600;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ff0000;
SCROLLBAR-TRACK-COLOR:#333333;
SCROLLBAR-DARKSHADOW-COLOR: #000000}
-->
</style>


2、取消选取、防止复制  
代码如下  
<body onselectstart="return false">  
3、不准粘贴

代码如下  
onpaste="return false"  
4、永远都会带着框架

代码如下  
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>  
5、IE地址栏前换成自己的图标

代码如下  
<link rel="Shortcut Icon" href="favicon.ico">







       
#2  

精品的代码



1、状态栏 打字效果
<script language="JavaScript">
var msg = "欢迎来到网页特效世界，请多提意见。谢谢! " ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
</script>

2、状态栏 文字从左往右移动
<script>
<!--
function Helpor_net(seed)
{ var m1 = "欢迎来到网页特效世界，请多提意见。谢谢! !" ;
var m2 = "" ;
var msg=m1+m2;
var out = " ";
var c = 1;
var speed = 120;
if (seed > 100)
{ seed-=2;
var cmd="Helpor_net(" + seed + "javascript常用代码";
timerTwo=window.setTimeout(cmd,speed);}
else if (seed <= 100 && seed > 0)
{ for (c=0 ; c < seed ; c++)
{ out+=" ";}
out+=msg; seed-=2;
var cmd="Helpor_net(" + seed + "javascript常用代码";
window.status=out;
timerTwo=window.setTimeout(cmd,speed); }
else if (seed <= 0)
{ if (-seed < msg.length)
{
out+=msg.substring(-seed,msg.length);
seed-=2;
var cmd="Helpor_net(" + seed + "javascript常用代码";
window.status=out;
timerTwo=window.setTimeout(cmd,speed);}
else { window.status=" ";
timerTwo=window.setTimeout("Helpor_net(100)",speed);
}
}
}
Helpor_net(100);
-->
</script>

3、 鼠标接触链接后状态栏出现特效提示特效  
<a href="http://www.helpor.net"; onMouseOver="Helpor_net_In('网页特效集锦. [http://www.helpor.net]');return true;" onMouseOut="Helpor_net_Out();">试试看</a>
<SCRIPT LANGUAGE="JavaScript">
<!--
var data = "0123456789";
var done = 1;
function Helpor_net_In(text) {
decrypt(text, 2, 1);
}
function Helpor_net_Out() {
self.status = '';
done = 1;
}

function decrypt(text, max, delay) {
if (done) {
done = 0;
decrypt_helper(text, max, delay, 0, max);
}
}
function decrypt_helper(text, runs_left, delay, charvar, max) {
if (!done) {
runs_left = runs_left - 1;
var status = text.substring(0, charvar);
for (var current_char = charvar; current_char < text.length; current_char++) {
status += data.charAt(Math.round(Math.random()*data.length));
}
window.status = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + "javascript常用代码;"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + "javascript常用代码;"
if(runs_left > 0) {
setTimeout(rerun, delay);
}
else {
if (charvar < text.length) {
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else {
done = 1;
}
}
}
}
//-->
</SCRIPT>


4、漫天飞雪
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
var no = 12;
var speed = 10;
var heart = "http://code.helpor.net/picture/snow.gif";;
var flag;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-30)+10;
yp = Math.random()*doc_height;
amy = 12+ Math.random()*20;
amx = 10+ Math.random()*40;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
flag = (Math.random()>0.5)?1:0;
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" "javascript常用代码;
document.write("top=\"15\" visibility=\"show\"><img src=\""javascript常用代码;
document.write(heart+ "\" border=\"0\"></layer>"javascript常用代码;
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" "javascript常用代码;
document.write("top=\"15\" visibility=\"show\"><img src=\""javascript常用代码;
document.write(heart+ "\" border=\"0\"></layer>"javascript常用代码;
}
} else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "javascript常用代码;
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "javascript常用代码;
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""javascript常用代码;
document.write(heart+ "\" border=\"0\"></div>"javascript常用代码;
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "javascript常用代码;
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "javascript常用代码;
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""javascript常用代码;
document.write(heart+ "\" border=\"0\"></div>"javascript常用代码;
}
}
}

function helpor_net() {
for (i = 0; i < no; ++ i) {
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
flag=(Math.random()<0.5)?1:0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}
document.layers["dot"+i].top = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.layers["dot"+i].left = xp + amx*dx;

}
setTimeout("helpor_net()", speed);
}

function www_helpor_net() {
for (i = 0; i < no; ++ i) {
if (yp > doc_height-50) {
xp = 10+ Math.random()*(doc_width-amx-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
flag=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag)
dx += stx;
else
dx -= stx;
if (Math.abs(dx) > Math.PI) {
yp+=Math.abs(amy*dx);
xp+=amx*dx;
dx=0;
flag=!flag;
}

document.all["dot"+i].style.pixelTop = yp + amy*(Math.abs(Math.sin(dx)+dx));
document.all["dot"+i].style.pixelLeft = xp + amx*dx;
}
setTimeout("www_helpor_net()", speed);
}

if (ns4up) {
helpor_net();
} else if (ie4up) {
www_helpor_net();
}
//-->
</script>


5、图片渐渐显示
<img src="http://code.helpor.net/picture/swimming.gif"; border="1" ;></script>

风格一： 15:44:30
风格二： 15:44
风格三： 15时44分31秒
风格四： 15时44分









#3  

精彩的頁面窗口代碼大收集

==根据你的要求打开窗口==
把如下代码加入<body></body>之間

<SCRIPT LANGUAGE="javascript">
<!-- Begin
var U = "輸入要聯接的頁面地址";

var X = 100; // x position
var Y = 100; // y position
var W = 200; // width
var H = 200; // height

// Do not edit below this line.
var s="resizable,left="+X+",top="+Y+",screenX="+X+",screenY="+Y+",width="+W+",height="+H;
function popMe(){
var SGW = window.open(U,'TheWindow',s)
}
//  End -->
</script>
<a href="javascript:popMe()">打开窗口</a>
---------------------------------------------------------------------------------
===设定IE的大小来适合主页===

把如下代码加入<body></body>之間

1。设定IE的大小、位置来适合你的主页
<script language="javascript">
self.resizeTo(800,600)
self.moveTo(0,0)
</script>

2。设定IE的大小、位置来适合整个屏幕
<script language="javascript">
self.resizeTo(screen.width,screen.height)
self.moveTo(0,0)
</script>
---------------------------------------------------------------------------------
==展开式的弹出窗口==

注：可让你的弹出窗口活跃起来，从左至右的展开。

将下面的代码复制到<head>~</head>里

<script language=javascript>
function expandingWindow(website) {      
var heightspeed = 2; // vertical scrolling speed (higher = slower)      
var widthspeed = 7; // horizontal scrolling speed (higher = slower)      
var leftdist = 0; // distance to left edge of window      
var topdist = 0; // distance to top edge of window      
var winwidth = window.screen.availWidth - leftdist;      
var winheight = window.screen.availHeight - topdist;      
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=200,height=500,scrollbars=yes");      
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {      
sizer.resizeTo("1", sizeheight);      
}      
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {      
sizer.resizeTo(sizewidth, sizeheight);      
}      
sizer.location = website;      
}         
</script>

将下面的代码复制到<body>~</body>里

<a href="javascript:expandingWindow('/html/')">HTML特效</a>

设置弹出窗口的大小：
var winwidth = 200;　　　//200为弹出窗口的宽度
var winheight = 500; 　　　//500为弹出窗口的高度
---------------------------------------------------------------------------------
== 花俏的转动的窗口 ==

将下面的代码复制到<head>~</head>里

<script>      
window.scrollBy(0, 100)      
window.resizeTo(0,0)      
window.moveTo(0,0)      
document.bgColor=0xFFFFFF      
document.fgColor=0xFFFFFF      
//setInterval("move()",30);      
setTimeout("move()", 1);      
var mxm=50      
var mym=25      
var mx=0      
var my=0      
var sv=50      
var status=1      
var szx=0      
var szy=0      
var c=255      
var n=0      
var sm=30      
var cycle=2      
var done=2      
function move()      
{      
if (status == 1)      
  {      
  mxm=mxm/1.05      
  mym=mym/1.05      
  mx=mx+mxm      
  my=my-mym      
  mxm=mxm+(400-mx)/100      
  mym=mym-(300-my)/100      
  window.moveTo(mx,my)      
  rmxm=Math.round(mxm/10)      
  rmym=Math.round(mym/10)      
  if (rmxm == 0)      
   {      
   if (rmym == 0)      
    {      
    status=2      
    }      
   }      
  }      
if (status == 2)      
  {      
  sv=sv/1.1      
  scrratio=1+1/3      
  mx=mx-sv*scrratio/2      
  my=my-sv/2      
  szx=szx+sv*scrratio      
  szy=szy+sv      
  window.moveTo(mx,my)      
  window.resizeTo(szx,szy)      
  if (sv < 0.1)      
   {      
   status=3      
   }      
  }      
if (status == 3)      
  {      
  document.fgColor=0xffffFF      
  c=c-16      
  document.bgColor=0xffffFF      
  if (c<0)      
   {status=8}      
  }      
if (status == 4)      
  {      
  c=c+16      
  document.bgColor=c*65536      
  document.fgColor=(255-c)*65536      
  if (c > 239)      
   {status=5}      
  }      
if (status == 5)      
  {      
  c=c-16      
  document.bgColor=c*65536      
  document.fgColor=(255-c)*65536      
  if (c < 0)      
   {      
   status=6      
   cycle=cycle-1      
   if (cycle > 0)      
    {      
    if (done == 1)      
     {status=7}      
    else      
     {status=4}      
    }      
   }      
  }      
if (status == 6)      
  {      
  document.title = ""      
  alert("")      
  cycle=2      
  status=4      
  done=1      
  }      
if (status == 7)      
  {      
  c=c+4      
  document.bgColor=c*65536      
  document.fgColor=(255-c)*65536      
  if (c > 128)      
   {status=8}      
  }      
if (status == 8)      
  {      
  window.moveTo(0,0)      
  sx=screen.availWidth      
  sy=screen.availHeight      
  window.resizeTo(sx,sy)      
  status=9      
  }      
var timer=setTimeout("move()",0.3)      
}      
</script>

注：修改背景色：
在javascript的第5－6行：
document.bgColor=0xFFFFFF
document.fgColor=0xFFFFFF
---------------------------------------------------------------------------------
==页面开场白==

将下面的代码复制到<body>~</body>里
<meta http-equiv=Page-Enter content=revealTrans(Transition=23,Duration=1.000)>

注：22种不同的效果：
<meta http-equiv=Page-Enter content=revealTrans(Transition=1,Duration=1.000)> 　// 内向外方形
<meta http-equiv=Page-Enter content=revealTrans(Transition=2,Duration=1.000)> 　// 外向内圆形
<meta http-equiv=Page-Enter content=revealTrans(Transition=3,Duration=1.000)> 　// 内向外圆形
<meta http-equiv=Page-Enter content=revealTrans(Transition=4,Duration=1.000)> 　// 下至上推升
<meta http-equiv=Page-Enter content=revealTrans(Transition=5,Duration=1.000)> 　// 上至下推升
<meta http-equiv=Page-Enter content=revealTrans(Transition=6,Duration=1.000)> 　// 左至右拉屏
<meta http-equiv=Page-Enter content=revealTrans(Transition=7,Duration=1.000)> 　// 左至右拉屏
<meta http-equiv=Page-Enter content=revealTrans(Transition=8,Duration=1.000)> 　// 左至右半百叶窗
<meta http-equiv=Page-Enter content=revealTrans(Transition=9,Duration=1.000)> 　// 上至下半百叶窗
<meta http-equiv=Page-Enter content=revealTrans(Transition=10,Duration=1.000)> 　// 左至右百叶窗
<meta http-equiv=Page-Enter content=revealTrans(Transition=11,Duration=1.000)> 　// 上至下百叶窗
<meta http-equiv=Page-Enter content=revealTrans(Transition=12,Duration=1.000)> 　// 麻点显示
<meta http-equiv=Page-Enter content=revealTrans(Transition=13,Duration=1.000)> 　// 由外向内开场
<meta http-equiv=Page-Enter content=revealTrans(Transition=14,Duration=1.000)> 　// 由内向外开场
<meta http-equiv=Page-Enter content=revealTrans(Transition=15,Duration=1.000)> 　// 由上下向里开场
<meta http-equiv=Page-Enter content=revealTrans(Transition=16,Duration=1.000)> 　// 由里向上下开场
<meta http-equiv=Page-Enter content=revealTrans(Transition=17,Duration=1.000)> 　// 由右上向左下
<meta http-equiv=Page-Enter content=revealTrans(Transition=18,Duration=1.000)> 　// 由右下向左上
<meta http-equiv=Page-Enter content=revealTrans(Transition=19,Duration=1.000)> 　// 由左上向右下
<meta http-equiv=Page-Enter content=revealTrans(Transition=20,Duration=1.000)> 　// 由左下向右上
<meta http-equiv=Page-Enter content=revealTrans(Transition=21,Duration=1.000)> 　// 横向线条显示
<meta http-equiv=Page-Enter content=revealTrans(Transition=22,Duration=1.000)> 　// 纵向线条显示
<meta http-equiv=Page-Enter content=revealTrans(Transition=23,Duration=1.000)> 　// 随机







#4  

经典的网页代码(小技巧)：

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 class);
return false;}
}

// --></script>
</body>

相关文章：

  • 2021-07-07
  • 2022-12-23
  • 2021-06-15
  • 2021-04-03
  • 2021-07-26
  • 2021-09-15
猜你喜欢
  • 2021-10-24
  • 2021-06-23
  • 2021-08-14
  • 2022-12-23
  • 2022-12-23
  • 2021-10-29
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode