图片特效代码

最新推荐文章于 2021-06-04 02:16:42 发布
最新推荐文章于 2021-06-04 02:16:42 发布
阅读量2k 收藏
点赞数
文章标签： function animation date calendar javascript border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hyqhzz/article/details/2073540
版权
  
1图片轮换：
脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript1.2">
 
var slideshow_width=140 //SET IMAGE WIDTH
var slideshow_height=225 //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
 
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="photo1.jpg"
fadeimages[1]="photo2.jpg"
fadeimages[2]="photo3.jpg"
 
NO need to edit beyond here/
 
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
 
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
 
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
 
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
 
 
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
 
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
 
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
 
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
 
if (ie4||dom)
window.οnlοad=startit
else
setInterval("rotateimage()",pause)
 
</script>
2、循环显示：
<%
connstr="dbq="&server.mappath("test.mdb")&";driver={microsoft access driver (*.mdb)}"
set conn=server.createobject("adodb.connection")
conn.open connstr
Response.Write now()
sql="select top 4 img from table1 order by id"
set rs=conn.Execute(sql)
%>
 
 
<img src="" alt="变幻图片" id=img1>
<SCRIPT LANGUAGE=javascript>
<!--
i=0;
imgArr=new Array();
<%
for i=0 to 3
Response.Write "imgArr["&i&"]='" &rs("img") &"';"
rs.movenext
next
%>
window.setInterval("img1.src=imgArr[i++%4]",2000);
//-->
</SCRIPT>
 
3、 图片飞至左上角
脚本说明:
第一步：把如下代码加入<body>区域中
<script LANGUAGE="JavaScript" FPTYPE="hdynamicanimation">
<!--
 dynamicanimAttr = "hdynamicanimation"
 animateElements = new Array()
 currentElement = 0
 speed = 0
 stepsZoom = 8
 stepsWord = 8
 stepsFly = 12
 stepsSpiral = 16
 steps = stepsZoom
 step = 0
 outString = ""
 function hdynAnimation()
 {
    var ms = navigator.appVersion.indexOf("MSIE")
    ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
    if(!ie4)
    {
      if((navigator.appName == "Netscape") &&
         (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
      {
        for (index=document.layers.length-1; index >= 0; index--)
        {
            layer=document.layers[index]
            if (layer.left==10000)
                layer.left=0
        }
      }
      return
    }
    for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if(null != animation)
      {
        if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        {
          ih = el.innerHTML
          outString = ""
          i1 = 0
          iend = ih.length
          while(true)
          {
            i2 = startWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, false, "")
            if(i2 == iend)
              break
            i1 = i2
            i2 = endWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, true, animation)
            if(i2 == iend)
              break
            i1 = i2
          }
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
        if(animation == "zoomIn" || animation == "zoomOut")
        {
          ih = el.innerHTML
          outString = "<SPAN " + dynamicanimAttr + "=/"" + animation + "/" style=/"position: relative; left: 10000;/">"
          outString += ih
          outString += "</SPAN>"
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
      }
    }
    i = 0
    for (index=document.body.sourceIndex; index < document.all.length; index++)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if (null != animation)
      {
        if(animation == "flyLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyRight")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyTop" || animation == "dropWord")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottom")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyTopLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyTopRight" || animation == "flyTopRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottomLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "spiral")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "zoomIn")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else if(animation == "zoomOut")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        el.initLeft = el.style.posLeft
        el.initTop = el.style.posTop
        animateElements[i++] = el
      }
    }
    window.setTimeout("animate();", speed)
 }
 function offsetLeft(el)
 {
    x = el.offsetLeft
    for (e = el.offsetParent; e; e = e.offsetParent)
      x += e.offsetLeft;
    return x
 }
 function offsetTop(el)
 {
    y = el.offsetTop
    for (e = el.offsetParent; e; e = e.offsetParent)
      y += e.offsetTop;
    return y
 }
 function startWord(ih, i)
 {
    for(tag = false; i < ih.length; i++)
    {
      c = ih.charAt(i)
      if(c == '<')
        tag = true
      if(!tag)
        return i
      if(c == '>')
        tag = false
    }
    return -1
 }
 function endWord(ih, i)
 {
    nonSpace = false
    space = false
    while(i < ih.length)
    {
      c = ih.charAt(i)
      if(c != ' ')
        nonSpace = true
      if(nonSpace && c == ' ')
        space = true
      if(c == '<')
        return i
      if(space && c != ' ')
        return i
      i++
    }
    return -1
 }
 function outWord(ih, i1, i2, dyn, anim)
 {
    if(dyn)
      outString += "<SPAN " + dynamicanimAttr + "=/"" + anim + "/" style=/"position: relative; left: 10000;/">"
    outString += ih.substring(i1, i2)
    if(dyn)
      outString += "</SPAN>"
 }
 function animate()
 {
    el = animateElements[currentElement]
    animation = el.getAttribute(dynamicanimAttr, false)
    step++
    if(animation == "spiral")
    {
      steps = stepsSpiral
      v = step/steps
      rf = 1.0 - v
      t = v * 2.0*Math.PI
      rx = Math.max(Math.abs(el.initLeft), 200)
      ry = Math.max(Math.abs(el.initTop), 200)
      el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
      el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry)
    }
    else if(animation == "zoomIn")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
      el.style.posLeft = 0
    }
    else if(animation == "zoomOut")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
      el.style.posLeft = 0
    }
    else
    {
       steps = stepsFly
      if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        steps = stepsWord
      dl = el.initLeft / steps
      dt = el.initTop / steps
      el.style.posLeft = el.style.posLeft - dl
      el.style.posTop = el.style.posTop - dt
    }
    if (step >= steps)
    {
      el.style.posLeft = 0
      el.style.posTop = 0
      currentElement++
      step = 0
    }
    if(currentElement < animateElements.length)
      window.setTimeout("animate();", speed)
 }
//-->
</script>
<p hdynamicanimation="flyRight"
style="position: relative !important; left: 10000 !important"><img
src="tvv-1.gif" tppabs="http://www.baron.com.cn/javascript/picture/tvv.gif" width="75" height="94"></p>
 
第二步：把<body>中的内容改为：
<body οnlοad="hdynAnimation()">
4、 向右飘浮的图片
脚本说明:
第一步：把如下代码加入<body>区域中
<script language="VBScript">
on error resume next
if parent.navButtonStatus <> 3 then
    if err.number <> 0 then
        call parent.ThereIsAnError
    end if
end if
</script>
<script language="JavaScript">
 
    var yend;
    var ystart;
    var ydiff;
    var xincrement;
    var yincrement;
    var screenwidth;
    var screenheight;
 
function Ypick(){
 
   if (!document.all)
   return
    screenwidth = screensize.offsetWidth;
    screenheight = screensize.offsetHeight;
    xincrement = (screenwidth/10);
    ystart = Math.round(Math.random()*(screenheight-92));
    yend = Math.round(Math.random()*(screenheight-92));
    document.all.ball.style.top=ystart;
    document.all.ball.style.left=-100;
    if (ystart > yend){
        ydiff = (ystart-yend);
        yincrement = (ydiff/xincrement);
        Moveneg();
    }
    else {
        ydiff = (yend-ystart);
        yincrement = (ydiff/xincrement);
        Movepos();
    }
}  
function Moveneg(){
    if (screenwidth > parseInt(document.all.ball.style.left)) {
        with (document.all.ball) {
        style.left = parseInt(style.pixelLeft + 10);
        style.top = parseInt(style.pixelTop - yincrement);
        }
        setTimeout('Moveneg()',20);
    }
    else {
        with (document.all.ball) {
        style.left = parseInt(style.pixelLeft - screenwidth);
        style.top = parseInt(style.pixelTop - yend);
        }
        Ypick();
    }
}
function Movepos(){
    if (screenwidth > parseInt(document.all.ball.style.left)) {
        with (document.all.ball) {
        style.left = parseInt(style.pixelLeft + 10);
        style.top = parseInt(style.pixelTop + yincrement);
        }
        setTimeout('Movepos()',60);
    }
    else {
        with (document.all.ball) {
        style.left = parseInt(style.pixelLeft - screenwidth);
        style.top = parseInt(style.pixelTop - yend);
        }
        Ypick();
    }
}
</script>
<div id="screensize" style="position: absolute; top: 0; left: 0; height: 100%; width: 100%"></div>
<p><img id="ball" SRC="image1.gif" tppabs="http://www.baron.com.cn/javascript/picture/image1.gif" style="container:in-flow;position:relative;left:-100;top:0;visibility:show">
 
 
第二步：把<body>中的内容改为：
<body οnlοad="Ypick()">
5 、 图片连续滚动效果
 
脚本说明:
把如下代码加入<body>区域中
<iframe src="mq.htm" tppabs="http://www.baron.com.cn/javascript/picture/mq.htm" name=mq width=100% height=100 scrolling=no marginwidth=0
marginheight=0 frameborder=no></iframe> <br><br><br>
<iframe src="mqhx.htm" tppabs="http://www.baron.com.cn/javascript/picture/mqhx.htm" name=mq width=200 height=30 scrolling=no marginwidth=0
marginheight=0 frameborder=no></iframe>
 
6 、 最简单的图片变换
 
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
//Preload Kiss Images
IrishKiss=new Image(132,70)
IrishKiss.src="irishkiss.gif"/*tpa=http://www.baron.com.cn/javascript/picture/irishkiss.gif*/
IrishKissAnim=new Image(132,70)
IrishKissAnim.src="irishkissanim.gif"/*tpa=http://www.baron.com.cn/javascript/picture/irishkissanim.gif*/
document.write('<a href="http://www.sina.com.cn/" onMouseOver="document.Irish.src=IrishKissAnim.src" onMouseOut="document.Irish.src=IrishKiss.src"><img src="irishkiss.gif"/*tpa=http://www.baron.com.cn/javascript/picture/irishkiss.gif*/ name="Irish" width=125 height=125 border=0></a>')
</script>
 
7 、 全屏漂浮的广告图片
脚本说明:
把如下代码加入<body>区域中
<SCRIPT>
var imagepath="2002040422.gif"
var imagewidth=40
var imageheight=60
 
var speed=3;
var imageclick="http://www.jzzy.com/"
var hideafter=0
 
var isie=0;
if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
isie=1;
}
else {
isie=0;
}
 
if(isie){
var preloadit=new Image()
preloadit.src=imagepath
}
 
 
function pop() {
if(isie) {
x=x+dx;y=y+dy;
oPopup.show(x, y, imagewidth, imageheight);
if(x+imagewidth+5>screen.width) dx=-dx;
if(y+imageheight+5>screen.height) dy=-dy;
if(x<0) dx=-dx;
if(y<0) dy=-dy;
startani=setTimeout("pop();",50);
}
}
 
function dismisspopup(){
clearTimeout(startani)
oPopup.hide()
}
 
function dowhat(){
if (imageclick=="dismiss")
dismisspopup()
else
window.open(imageclick);
}
 
 
if(isie) {
var x=0,y=0,dx=speed,dy=speed;
var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.cursor="hand"
oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';
oPopup.document.body.οnmοuseοver=new Function("clearTimeout(startani)")
oPopup.document.body.οnmοuseοut=pop
oPopup.document.body.οnclick=dowhat
pop();
 
if (hideafter>0)
setTimeout("dismisspopup()",hideafter*1000)
}
</SCRIPT>
8 、 广告图片宣传
脚本说明:
第一步：把如下代码加入<body>区域中
<SCRIPT language=JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
 if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; οnresize=MM_reloadPage; }}
 else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
 
function MM_timelinePlay(tmLnName, myID) { //v1.2
 //Copyright 1997 Macromedia, Inc. All rights reserved.
 var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
 if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
 tmLn = document.MM_Time[tmLnName];
 if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
 if (myID == tmLn.ID) { //if Im newest
    setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == 's') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j];
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
 } }
}
 
function MM_initTimelines() { //v4.0
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == "Netscape";
    var ns4 = (ns && parseInt(navigator.appVersion) == 4);
    var ns5 = (ns && parseInt(navigator.appVersion) > 4);
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(2);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 15;
    document.MM_Time[0][0] = new String("sprite");
    document.MM_Time[0][0].slot = 1;
    if (ns4)
        document.MM_Time[0][0].obj = document["Layer1"];
    else if (ns5)
        document.MM_Time[0][0].obj = document.getElementById("Layer1");
    else
        document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;
    document.MM_Time[0][0].keyFrames = new Array(1, 35);
    document.MM_Time[0][0].values = new Array(4);
    if (ns5)
        document.MM_Time[0][0].values[0] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");
    else
        document.MM_Time[0][0].values[0] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
    document.MM_Time[0][0].values[0].prop = "left";
    if (ns5)
        document.MM_Time[0][0].values[1] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");
    else
        document.MM_Time[0][0].values[1] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
    document.MM_Time[0][0].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][0].values[0].prop2 = "style";
        document.MM_Time[0][0].values[1].prop2 = "style";
    }
    if (ns5)
        document.MM_Time[0][0].values[2] = new Array("452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px");
    else
        document.MM_Time[0][0].values[2] = new Array(452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452);
    document.MM_Time[0][0].values[2].prop = "height";
    if (!ns4)
        document.MM_Time[0][0].values[2].prop2 = "style";
    document.MM_Time[0][0].values[3] = new Array("inherit","inherit");
    document.MM_Time[0][0].values[3].prop = "visibility";
    if (!ns4)
        document.MM_Time[0][0].values[3].prop2 = "style";
    document.MM_Time[0][1] = new String("sprite");
    document.MM_Time[0][1].slot = 1;
    if (ns4)
        document.MM_Time[0][1].obj = document["Layer1"];
    else if (ns5)
        document.MM_Time[0][1].obj = document.getElementById("Layer1");
    else
        document.MM_Time[0][1].obj = document.all ? document.all["Layer1"] : null;
    document.MM_Time[0][1].keyFrames = new Array(36, 56);
    document.MM_Time[0][1].values = new Array(4);
    if (ns5)
        document.MM_Time[0][1].values[0] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");
    else
        document.MM_Time[0][1].values[0] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
    document.MM_Time[0][1].values[0].prop = "left";
    if (ns5)
        document.MM_Time[0][1].values[1] = new Array("0px", "-23px", "-45px", "-68px", "-90px", "-113px", "-136px", "-158px", "-181px", "-203px", "-226px", "-249px", "-271px", "-294px", "-316px", "-339px", "-362px", "-384px", "-407px", "-429px", "-452px");
    else
        document.MM_Time[0][1].values[1] = new Array(0,-23,-45,-68,-90,-113,-136,-158,-181,-203,-226,-249,-271,-294,-316,-339,-362,-384,-407,-429,-452);
    document.MM_Time[0][1].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][1].values[0].prop2 = "style";
        document.MM_Time[0][1].values[1].prop2 = "style";
    }
    if (ns5)
        document.MM_Time[0][1].values[2] = new Array("452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px", "452px");
    else
        document.MM_Time[0][1].values[2] = new Array(452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452,452);
    document.MM_Time[0][1].values[2].prop = "height";
    if (!ns4)
        document.MM_Time[0][1].values[2].prop2 = "style";
    document.MM_Time[0][1].values[3] = new Array("inherit","inherit");
    document.MM_Time[0][1].values[3].prop = "visibility";
    if (!ns4)
        document.MM_Time[0][1].values[3].prop2 = "style";
    document.MM_Time[0].lastFrame = 56;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</SCRIPT>
<DIV id=Layer1
style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 0px; BORDER-LEFT: #000000 1px; WIDTH: 780px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 0px; HEIGHT: 452px; BACKGROUND-COLOR: #666699; layer-background-color: #666699"><IMG
src="portrait23.jpg" tppabs="http://www.baron.com.cn/javascript/picture/portrait23.jpg" width=780></DIV>
 
 
 
第二步：把<body>中的内容改为：
<body οnlοad="MM_timelinePlay('Timeline1')">
 
9 、 飘动的广告图片
脚本说明:
把如下代码加入<body>区域中：
<script language="JavaScript">
<!--
if(parseInt(navigator.appVersion.charAt(0))<4){
    location.href="http://www.jzzy.com/"
}
 
var mvtLight="index_dreamweaver.gif"
var mvtWidth=60
var mvtHeight=60
var mvtLink="http://www.jzzy.com/"
var mvtAlt=" 建站资源网"
 
brOK=navigator.javaEnabled()?true:false
ns4=(document.layers)?true:false
ie4=(document.all)?true:false
 
if(ns4){
document.write('<layer id="mvt" width=40 height=60;"><a href="'+mvtLink+'" target=_blank><img border=0 src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"><//a><//layer>');
}
else{
document.write('<div id="mvt" style="position:absolute; width:40; height:60;"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"><//a><//div>');
}
 
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
 
function Chip(chipname,width,height)
{this.named=chipname;
 this.vx=vmin+vmax*Math.random();
 this.vy=vmin+vmax*Math.random();
 this.w=width;
 this.h=height;
 this.xx=0;
 this.yy=0;
 this.timer1=null;
}
 
function movechip(chipname)
{
 if(brOK)
    {eval("chip="+chipname);
    if(ns4)
    {pageX=window.pageXOffset;
        pageW=window.innerWidth;
        pageY=window.pageYOffset;
        pageH=window.innerHeight;
    }
    else
    {pageX=window.document.body.scrollLeft;
        pageW=window.document.body.offsetWidth-8;
        pageY=window.document.body.scrollTop;
        pageH=window.document.body.offsetHeight;
    }
 
    chip.xx=chip.xx+chip.vx;
    chip.yy=chip.yy+chip.vy;
 
    chip.vx+=vr*(Math.random()-0.5);
    chip.vy+=vr*(Math.random()-0.5);
    if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
    if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
    if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
    if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
 
 
    if(chip.xx<=pageX)
        {   chip.xx=pageX;
        chip.vx=vmin+vmax*Math.random();
        }
    if(chip.xx>=pageX+pageW-chip.w)
        {   chip.xx=pageX+pageW-chip.w;
        chip.vx=-vmin-vmax*Math.random();
        }
    if(chip.yy<=pageY)
        {   chip.yy=pageY;
        chip.vy=vmin+vmax*Math.random();
        }
    if(chip.yy>=pageY+pageH-chip.h)
        {   chip.yy=pageY+pageH-chip.h;
        chip.vy=-vmin-vmax*Math.random();
        }
 
    if(ns4){
        eval('document.'+chip.named+'.top ='+chip.yy);
        eval('document.'+chip.named+'.left='+chip.xx);
    }
    else{
        eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
        eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
    }
    chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
    }
}
 
function stopme(chipname)
{if(brOK)
    {//alert(chipname)
    eval("chip="+chipname);
    if(chip.timer1!=null)
    {clearTimeout(chip.timer1)}
    }
}
 
var mvt;
function mvt()
{
    mvt=new Chip("mvt",60,80);
    if(brOK){
        movechip("mvt");
    }
}
 
window.οnlοad=mvt
 
//-->
</script>
10 、 下拉框选择显示图片
 
脚本说明:
把如下代码加入<body>区域中
<img width=200 height=223 src="01251.gif" tppabs="http://www.baron.com.cn/javascript/picture/01251.gif" name="x1">
<SELECT onChange="document.x1.src=options[selectedIndex].value">
<option value="01251.gif"> 看看图片1</option>
<option value="01252.gif"> 看看图片2</option>
<option value="01253.gif"> 看看图片3</option>
<option value="01254.gif"> 看看图片4</option>
</SELECT>
11 、 页面外显示图片
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JScript">
var Popwin = window.createPopup();
var PopBody = Popwin.document.body;
PopBody.innerHTML = "<img src=lady.jpg>"
Popwin.show(400,10,210,240)
</SCRIPT>
 
12 、 图片链接的文字说明
脚本说明:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function showtip2(current,e,text){
 if (document.all&&document.readyState=="complete"){
    document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
    document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
    document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
   document.all.tooltip2.style.visibility="visible"
}
 else if (document.layers){
    document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
    document.tooltip2.document.nstip.document.close()
    document.tooltip2.document.nstip.left=0
    currentscroll=setInterval("scrolltip()",100)
    document.tooltip2.left=e.pageX+10
    document.tooltip2.top=e.pageY+10
    document.tooltip2.visibility="show"
}
}
function hidetip2(){
 if (document.all)
    document.all.tooltip2.style.visibility="hidden"
    else if (document.layers){
    clearInterval(currentscroll)
    document.tooltip2.visibility="hidden"
}
}
// End -->
</script>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:gold;z-index:10"></div>
<div align="CENTER" name="divTest" onMouseover="showtip2(this,event,' 这里可以放上图片链接的文字说明');" onMouseout="hidetip2();" STYLE="cursor: hand">
<TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD COLSPAN="7">
<IMG SRC="0817.gif" tppabs="http://www.baron.com.cn/javascript/picture/0817.gif" WIDTH="100" HEIGHT="39" BORDER="0"><p>
</TABLE>
<p></div>
 
13 变换飞舞的图片
脚本说明:
第一步：把如下代码加入<body>区域中
<script language="JavaScript">
<!-- Naughty Windows Script by kurt.grigg@virgin.net
 
pics=new Array('img.gif','inindent.gif','italic.gif','numlist.gif','paste.gif','redo.gif','under.gif')
load=new Array();
function PreLoad(){
for(i=0; i < pics.length; i++)
 {
 load[i]=new Image();
 load[i].src=pics[i];
 }
}
PreLoad();
BY=-22;         
BX=-17;                   
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
L=null;
if (NS4){
document.write("<LAYER NAME='netscape' LEFT=0 TOP=0><img name='n' src="+load[0].src+"></LAYER>");
}
if (NS6){
document.write("<img id='n6' src='"+load[0].src+"' style='position:absolute;top:0px;left:0px'>");
}
if (IE4){
document.write("<div style='position:absolute;top:0px;left:0px'><div style='position:relative'>");
document.write("<img id='explorer' src='"+load[0].src+"' style='position:absolute;top:0px;left:0px'>");
document.write("</div></div>")
}
R=0,PB=0,RD=0,Y=0,X=0,D=0,VB=0,HB=0;
Y=10;X=10;D=Math.floor(Math.random()*60+10);
function Curve(){
plusMinus=new Array(1,-1,2,-2,3,-3,0,1,-1)
R=Math.floor(Math.random()*plusMinus.length);
RD=plusMinus[R];
setTimeout('Curve()',1800);
}
function MoveRandom(){
setTimeout('MoveRandom()',10);
var H=(NS6||NS4)?window.innerHeight:document.body.clientHeight;
var W=(NS6||NS4)?window.innerWidth:document.body.clientWidth;
var YS=(NS6||NS4)?window.pageYOffset:document.body.scrollTop;
var XS=(NS6||NS4)?window.pageXOffset:document.body.scrollLeft;
PB=D+=RD;
y = 3*Math.sin(PB*Math.PI/180);
x = 3*Math.cos(PB*Math.PI/180);
if (D < 0) D+=360;
Y+=y;
X+=x;
VB=180-D;
HB=0-D;
if ((Y < 1) && (X < 1)) {Y=1;X=1;D=45;}
if ((Y < 1) && (X > W+BX)) {Y=1;X=W+BX;D=135;}
if ((Y > H+BY) && (X < 1)) {Y=H+BY;X=1;D=315;}
if ((Y > H+BY) && (X > W+BX)) {Y=H+BY;X=W+BX;D=225;}
if (Y < 1) {Y=1;D=HB;} 
if (Y > H+BY) {Y=H+BY;D=HB;} 
if (X < 1) {X=1;D=VB;}
if (X > W+BX) {X=W+BX;D=VB;}
if (NS4)L=document.netscape;
if (NS6)L=document.getElementById("n6").style;
if (IE4)L=explorer.style;
L.top=Y+YS;
L.left=X+XS;
}
count=0;
move=1;
function picSwap(){
if (count >= pics.length)count=0;
if (NS4)
document.layers['netscape'].document.images['n'].src=pics[count];
if (NS6)
document.getElementById("n6").src=pics[count];
if (IE4)
explorer.src=pics[count];
count+=move;
setTimeout('picSwap()',2500);
}
function sTaRt(){Curve();MoveRandom();picSwap()}
window.οnlοad=sTaRt;
//-->
</script>
 
 
 
 
第二步：把<body>中的内容改为：
<body onLoad="sTaRt()">
14 点击后图片消失
脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript1.2">
 
var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES
 
 
var floatimages=new Array();
floatimages[0]='butterfly.gif';
floatimages[1]='butterfly.gif';
 
//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
 
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
 
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
 
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
 
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
 
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
 
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
 
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
 
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
 
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
 
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
 
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
 
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
 
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
 
if (NS4||NS6||IE4){
window.οnlοad=init;
window.οnresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
 
</script>
 
15 又一图片显示效果
脚本说明:
把如下代码加入<body>区域中
<SCRIPT language=JavaScript1.1>
var photos=new Array()
var photoslink=new Array()
var which=0
photos[0]="047.gif"
photos[1]="048.gif"
photos[2]="049.gif"
photos[3]="050.gif"
photos[4]="051.gif"
photos[5]="052.gif"
var linkornot=0
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
photoslink[5]=""
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
 
 
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
 
 
 
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
 
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
 
 
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
 
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
 
function transport(){
window.location=photoslink[which]
}
 
</SCRIPT>
<SCRIPT>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</SCRIPT><BR>
<A   href="#"    οnclick="backward();return false"> 上一张</A>
<A href="#" οnclick="forward();return false"> 下一张</A>
 
16 图片向左翻滚
脚本说明:
把如下代码加入<body>区域中
<SCRIPT language=JavaScript1.2>
<!--
var sliderwidth=500
var sliderheight=133
var slidespeed=4
 
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.163.com/"><img src="047.gif"/*tpa=http://www.baron.com.cn/javascript/picture/047.gif*/ border=0></a>'
leftrightslide[1]='<a href="http://www.163.com/"><img src="050.gif"/*tpa=http://www.baron.com.cn/javascript/picture/050.gif*/ border=0></a>'
leftrightslide[2]='<a href="http://www.163.com/"><img src="048.gif"/*tpa=http://www.baron.com.cn/javascript/picture/048.gif*/ border=0></a>'
leftrightslide[3]='<a href="http://www.163.com/"><img src="051.gif"/*tpa=http://www.baron.com.cn/javascript/picture/051.gif*/ border=0></a>'
leftrightslide[4]='<a href="http://www.163.com/"><img src="049.gif"/*tpa=http://www.baron.com.cn/javascript/picture/049.gif*/ border=0></a>'
leftrightslide[5]='<a href="http://www.163.com/"><img src="052.gif"/*tpa=http://www.baron.com.cn/javascript/picture/052.gif*/ border=0></a>'
leftrightslide[6]='<a href="http://www.163.com/"><img src="074.gif"/*tpa=http://www.baron.com.cn/javascript/picture/074.gif*/ border=0></a>'
leftrightslide[7]='<a href="http://www.163.com/"><img src="053.gif"/*tpa=http://www.baron.com.cn/javascript/picture/053.gif*/ border=0></a>'
leftrightslide[8]='<a href="http://www.163.com/"><img src="054.gif"/*tpa=http://www.baron.com.cn/javascript/picture/054.gif*/ border=0></a>'
leftrightslide[9]='<a href="http://www.163.com/"><img src="055.gif"/*tpa=http://www.baron.com.cn/javascript/picture/055.gif*/ border=0></a>'
leftrightslide[10]='<a href="http://www.163.com/"><img src="056.gif"/*tpa=http://www.baron.com.cn/javascript/picture/056.gif*/ border=0></a>'
leftrightslide[11]='<a href="http://www.163.com/"><img src="073.gif"/*tpa=http://www.baron.com.cn/javascript/picture/073.gif*/ border=0></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"
 
 
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.οnmοuseοver=new Function("ieslider.scrollAmount=0")
ieslider.οnmοuseοut=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
 
function regenerate(){
window.location.reload()
}
function regenerate112(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.οnresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
 
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
 
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.οnlοad=regenerate112
 
//-->
</SCRIPT>
 
17 图片水中倒影
脚本说明:
把如下代码加入<body>区域中
<IMG height=189 id=reflect src="119.gif" tppabs="http://www.baron.com.cn/javascript/picture/119.gif"
width=237><BR>
<SCRIPT language=JavaScript1.2>
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
 
if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.οnlοad=f1
}
</SCRIPT>
18 禁止图片下载的脚本
脚本说明:
把如下代码加入<body>区域中
<A HREF="javascript:void(0)" onMouseover="alert(' 对不起,图片不能随便下载!')"><IMG SRC="j2.gif" tppabs="http://www.baron.com.cn/javascript/picture/j2.gif" Align="center" Border="0" width="99" height="50"></A>
19 背景及文字颜色的改变
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function color() {
document.bgColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
// End -->
</script>
<div align="center">
<form name="colc">
<table border="1">
<td colspan="2">
<b><center> 请选择颜色</td><tr><td>
<b> 背景色:</td><td><select name="cc" size="1">
    <option value="black">Black
    <option value="blue">Blue
    <option value="green">Green
    <option value="skyblue">Light Blue
    <option value="orange">Orange
    <option value="purple">Purple
    <option value="red">Red
    <option value="silver">Silver
    <option value="Yellow">Yellow
    <option selected value="white">White
   </select></td><tr><td>
<b> 文字色:</td><td>
    <select name="tc" size="1">
    <option selected value="black">Black
   <option value="blue">Blue
    <option value="green">Green
    <option value="skyblue">Light Blue
    <option value="orange">Orange
    <option value="purple">Purple
    <option value="red">Red
    <option value="silver">Silver
    <option value="Yellow">Yellow
    <option value="white">White
    </select>
</td><tr><td colspan="2">
<center><input type="button" name="button" value=" 改变颜色" οnclick="color()">
</td>
</table>
</form>
</div>
 
20 又一日期的选择
脚本说明:
把如下代码加入<body>区域中
<script language="javascript">
 
 
// default settings
var font;
var fontSize=9;
 
var titleWidth=90;
var titleMode=1;
var dayWidth=12;
var dayDigits=1;
 
var titleColor="#cccccc";
var daysColor="#cccccc";
var bodyColor="#ffffff";
var dayColor="#ffffff";
var currentDayColor="#333333";
var footColor="#cccccc";
var borderColor="#333333";
 
var titleFontColor = "#333333";
var daysFontColor = "#333333";
var dayFontColor = "#333333";
var currentDayFontColor = "#ffffff";
var footFontColor = "#333333";
 
var calFormat = "yyyy/mm/dd";
 
var weekDay = 0;
// ------
 
// codes
var calWidth=200, calHeight=200, calOffsetX=-200, calOffsetY=16;
var calWin=null;
var winX=0, winY=0;
var cal="cal";
var cals=new Array();
var currentCal=null;
 
var yxMonths=new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var yxDays=new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday");
var yxLinks=new Array("[close]", "[clear]");
 
var isOpera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;
var isOpera5=(navigator.appVersion.indexOf("MSIE 5")!=-1 && navigator.userAgent.indexOf("Opera 5")!=-1)?true:false;
var isOpera6=(navigator.appVersion.indexOf("MSIE 5")!=-1 && navigator.userAgent.indexOf("Opera 6")!=-1)?true:false;
var isN6=(navigator.userAgent.indexOf("Gecko")!=-1);
var isN4=(document.layers)?true:false;
var isMac=(navigator.userAgent.indexOf("Mac")!=-1);
var isIE=(document.all && !isOpera && (!isMac || navigator.appVersion.indexOf("MSIE 4")==-1))?true:false;
 
if (isN4) {
 fontSize+=2;
}
 
var span2="</span>";
 
function span1(tag) {
 return "<span class='"+tag+"'>";
}
function spanx(tag, color) {
 return "."+tag+" {"+fontFace+"; font-size:"+fontSize+"px; color:"+color+"; }/n";
}
 
function a1(tag) {
 return "<a class='"+tag+"' href=";
}
 
function ax(tag, color) {
 return "."+tag+" { text-decoration:none; color:"+color+"; }/n";
}
 
function calOBJ(name, title, field, form) {
 this.name = name;
 this.title = title;
 this.field = field;
 this.formName = form;
 this.form = null
}
 
function setFont(font, size) {
 if (font != "") {
    font>
 }
 if (size > 0) {
    fontSize=size;
 
    if (isN4) {
      fontSize+=2;
    }
 }
}
 
function setWidth(tWidth, tMode, dWidth, dDigits) {
 if (tWidth > 0) {
    titleWidth=tWidth;
 }
 if (tMode == 1 || tMode == 2) {
    titleMode=tMode;
 }
 if (dWidth > 0) {
    dayWidth=dWidth;
 }
 if (dDigits > 0) {
    dayDigits=dDigits;
 }
}
 
function setColor(tColor, dsColor, bColor, dColor, cdColor, fColor, bdColor) {
 if (tColor != "") {
    titleColor=tColor;
 }
 if (dsColor != "") {
    daysColor=dsColor;
 }
 if (bColor != "") {
    bodyColor=bColor;
 }
 if (dColor != "") {
    dayColor=dColor;
 }
 if (cdColor != "") {
    currentDayColor=cdColor;
 }
 if (fColor != "") {
    footColor=fColor;
 }
 if (bdColor != "") {
    borderColor=bdColor;
 }
}
 
function setFontColor(tColorFont, dsColorFont, dColorFont, cdColorFont, fColorFont) {
 if (tColorFont != "") {
    titleFontColor=tColorFont;
 }
 if (dsColorFont != "") {
    daysFontColor=dsColorFont;
 }
 if (dColorFont != "") {
    dayFontColor=dColorFont;
 }
 if (cdColorFont != "") {
    currentDayFontColor=cdColorFont;
 }
 if (fColorFont != "") {
    footFontColor=fColorFont;
 }
}
 
function setFormat(format) {
 calFormat = format;
}
 
function setSize(width, height, ox, oy) {
 if (width > 0) {
    calWidth=width;
 }
 if (height > 0) {
    calHeight=height;
 }
 
 calOffsetX=ox;
 calOffsetY=oy;
}
 
function setWeekDay(wDay) {
 if (wDay == 0 || wDay == 1) {
    weekDay = wDay;
 }
}
 
function setMonthNames(janName, febName, marName, aprName, mayName, junName, julName, augName, sepName, octName, novName, decName) {
 if (janName != "") {
    yxMonths[0] = janName;
 }
 if (febName != "") {
    yxMonths[1] = febName;
 }
 if (marName != "") {
    yxMonths[2] = marName;
 }
 if (aprName != "") {
    yxMonths[3] = aprName;
 }
 if (mayName != "") {
    yxMonths[4] = mayName;
 }
 if (junName != "") {
    yxMonths[5] = junName;
 }
 if (julName != "") {
    yxMonths[6] = julName;
 }
 if (augName != "") {
    yxMonths[7] = augName;
 }
 if (sepName != "") {
    yxMonths[8] = sepName;
 }
 if (octName != "") {
    yxMonths[9] = octName;
 }
 if (novName != "") {
    yxMonths[10] = novName;
 }
 if (decName != "") {
    yxMonths[11] = decName;
 }
}
 
function setDayNames(sunName, monName, tueName, wedName, thuName, friName, satName) {
 if (sunName != "") {
    yxDays[0] = sunName;
    yxDays[7] = sunName;
 }
 if (monName != "") {
    yxDays[1] = monName;
 }
 if (tueName != "") {
    yxDays[2] = tueName;
 }
 if (wedName != "") {
    yxDays[3] = wedName;
 }
 if (thuName != "") {
    yxDays[4] = thuName;
 }
 if (friName != "") {
    yxDays[5] = friName;
 }
 if (satName != "") {
    yxDays[6] = satName;
 }
}
 
function setLinkNames(closeLink, clearLink) {
 if (closeLink != "") {
    yxLinks[0] = closeLink;
 }
 if (clearLink != "") {
    yxLinks[1] = clearLink;
 }
}
 
function addCalendar(name, title, field, form) {
 cals[cals.length] = new calOBJ(name, title, field, form);
}
 
function findCalendar(name) {
 for (var i = 0; i < cals.length; i++) {
    if (cals[i].name == name) {
      if (cals[i].form == null) {
        if (cals[i].formName == "") {
          if (document.forms[0]) {
            cals[i].form = document.forms[0];
          }
        }
        else if (document.forms[cals[i].formName]) {
          cals[i].form = document.forms[cals[i].formName];
        }
      }
 
      return cals[i];
    }
 }
 
 return null;
}
 
function getDayName(y,m,d) {
 var wd=new Date(y,m,d);
 return yxDays[wd.getDay()].substring(0,3);
}
 
function getMonthFromName(m3) {
 for (var i = 0; i < yxMonths.length; i++) {
    if (yxMonths[i].toLowerCase().substring(0,3) == m3.toLowerCase()) {
      return i;
    }
 }
 
 return 0;
}
 
function getFormat() {
 var calF = calFormat;
 
 calF = calF.replace(g, '');
 calF = calF.replace(g, '');
 calF = calF.replace(//[/g, '///[');
 calF = calF.replace(//]/g, '///]');
 calF = calF.replace(//(/g, '///(');
 calF = calF.replace(//)/g, '///)');
 calF = calF.replace(//{/g, '///{');
 calF = calF.replace(//}/g, '///}');
 calF = calF.replace(//</g, '///<');
 calF = calF.replace(//>/g, '///>');
 calF = calF.replace(//|/g, '///|');
 calF = calF.replace(//*/g, '///*');
 calF = calF.replace(//?/g, '///?');
 calF = calF.replace(//+/g, '///+');
 calF = calF.replace(//^/g, '///^');
 calF = calF.replace(//$/g, '///$');
 
 calF = calF.replace(/dd/i, '//d//d');
 calF = calF.replace(/mm/i, '//d//d');
 calF = calF.replace(/yyyy/i, '//d//d//d//d');
 calF = calF.replace(/day/i, '//w//w//w');
 calF = calF.replace(/mon/i, '//w//w//w');
 
 return new RegExp(calF);
}
 
function getDateNumbers(date) {
 var y, m, d;
 
 var yIdx = calFormat.search(/yyyy/i);
 var mIdx = calFormat.search(/mm/i);
 var m3Idx = calFormat.search(/mon/i);
 var dIdx = calFormat.search(/dd/i);
 
 y=date.substring(yIdx,yIdx+4)-0;
 if (mIdx != -1) {
    m=date.substring(mIdx,mIdx+2)-1;
 }
 else {
    var m = getMonthFromName(date.substring(m3Idx,m3Idx+3));
 }
 d=date.substring(dIdx,dIdx+2)-0;
 
 return new Array(y,m,d);
}
 
function hideCal() {
 calWin.close();
 calWin = null;
 window.status = "";
}
 
function getLeftIE(x,m) {
 var dx=0;
 if (x.tagName=="TD"){
    dx=x.offsetLeft;
 }
 else if (x.tagName=="TABLE") {
    dx=x.offsetLeft;
    if (m) { dx+=(x.cellPadding!=""?parseInt(x.cellPadding):2); m=false; }
 }
 return dx+(x.parentElement.tagName=="BODY"?0:getLeftIE(x.parentElement,m));
}
function getTopIE(x,m) {
 var dy=0;
 if (x.tagName=="TR"){
    dy=x.offsetTop;
 }
 else if (x.tagName=="TABLE") {
    dy=x.offsetTop;
    if (m) { dy+=(x.cellPadding!=""?parseInt(x.cellPadding):2); m=false; }
 }
 return dy+(x.parentElement.tagName=="BODY"?0:getTopIE(x.parentElement,m));
}
 
function getLeftN4(l) { return l.pageX; }
function getTopN4(l) { return l.pageY; }
 
function getLeftN6(l) { return l.offsetLeft; }
function getTopN6(l) { return l.offsetTop; }
 
function lastDay(d) {
 var yy=d.getFullYear(), mm=d.getMonth();
 for (var i=31; i>=28; i--) {
    var nd=new Date(yy,mm,i);
    if (mm == nd.getMonth()) {
      return i;
    }
 }
}
 
function firstDay(d) {
 var yy=d.getFullYear(), mm=d.getMonth();
 var fd=new Date(yy,mm,1);
 return fd.getDay();
}
 
function dayDisplay(i) {
 if (dayDigits == 0) {
    return yxDays[i];
 }
 else {
    return yxDays[i].substring(0,dayDigits);
 }
}
 
function calTitle(d) {
 var yy=d.getFullYear(), mm=yxMonths[d.getMonth()];
 var s;
 
 if (titleMode == 2) {
    s="<tr align='center' bgcolor='"+titleColor+"'><td colspan='7'>/n<table cellpadding='0' cellspacing='0' border='0'><tr align='center' valign='middle'><td align='right'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(-10)'> «</a> "+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(-1)'>‹ </a></b>"+span2+"</td><td width='"+titleWidth+"'><b>"+span1("title")+yy+span2+"</b></td><td align='left'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(1)'> ›</a> "+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(10)'>» </a></b>"+span2+"</td></tr><tr align='center' valign='middle'><td align='right'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.prepMonth) window.opener.prepMonth("+d.getMonth()+")'> ‹ </a></b>"+span2+"</td><td width='"+titleWidth+"'><b>"+span1("title")+mm+span2+"</b></td><td align='left'>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.nextMonth) window.opener.nextMonth("+d.getMonth()+")'> › </a></b>"+span2+"</td></tr></table>/n</td></tr><tr align='center' bgcolor='"+daysColor+"'>";
 }
 else {
    s="<tr align='center' bgcolor='"+titleColor+"'><td colspan='7'>/n<table cellpadding='0' cellspacing='0' border='0'><tr align='center' valign='middle'><td>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(-1)'> «</a> "+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.prepMonth) window.opener.prepMonth("+d.getMonth()+")'>‹ </a></b>"+span2+"</td><td width='"+titleWidth+"'><nobr><b>"+span1("title")+mm+" "+yy+span2+"</b></nobr></td><td>"+span1("title")+"<b>"+a1("titlea")+"'javascript:if (window.opener && !window.opener.closed && window.opener.nextMonth) window.opener.nextMonth("+d.getMonth()+")'> ›</a> "+a1("titlea")+"'javascript:if(window.opener && !window.opener.closed && window.opener.moveYear) window.opener.moveYear(1)'>» </a></b>"+span2+"</td></tr></table>/n</td></tr><tr align='center' bgcolor='"+daysColor+"'>";
 }
 
 for (var i=weekDay; i<weekDay+7; i++) {
    s+="<td width='"+dayWidth+"'>"+span1("days")+dayDisplay(i)+span2+"</td>";
 }
 
 s+="</tr>";
 
 return s;
}
 
function calHeader() {
 return "<head>/n<title>"+currentCal.title+"</title>/n<style type='text/css'>/n"+spanx("title",titleFontColor)+spanx("days",daysFontColor)+spanx("foot",footColor)+spanx("day",dayFontColor)+spanx("currentDay",currentDayFontColor)+ax("titlea",titleFontColor)+ax("daya",dayFontColor)+ax("currenta",currentDayFontColor)+ax("foota",footFontColor)+"</style>/n</head>/n<body>/n<table align='center' border='0' bgcolor='"+borderColor+"' cellspacing='0' cellpadding='1'><tr><td>/n<table cellspacing='1' cellpadding='3' border='0'>";
}
 
function calFooter() {
 return "<tr bgcolor='"+footColor+"'><td colspan='7' align='center'>"+span1("foot")+"<b>"+a1("foota")+"'javascript:if (window.opener && !window.opener.closed && window.opener.hideCal) window.opener.hideCal()'>"+yxLinks[0]+"</a> "+a1("foota")+"'javascript:if (window.opener && !window.opener.closed && window.opener.clearDate) window.opener.clearDate()'>"+yxLinks[1]+"</a></b>"+span2+"</td></tr></table>/n</td></tr></table>/n</body>";
}
 
function calBody(d,day) {
 var s="", dayCount=1, fd=firstDay(d), ld=lastDay(d);
 
 if (weekDay > 0 && fd == 0) {
    fd = 7;
 }
 
 for (var i=0; i<6; i++) {
    s+="<tr align='center' bgcolor='"+bodyColor+"'>";
    for (var j=weekDay; j<weekDay+7; j++) {
      if (i*7+j<fd || dayCount>ld) {
        s+="<td>"+span1("day")+" "+span2+"</td>";
      }
      else {
        var bgColor=dayColor;
        var fgTag="day";
        var fgTagA="daya";
        if (dayCount==day) {
          bgColor=currentDayColor;
          fgTag="currentDay";
          fgTagA="currenta";
        }
       
        s+="<td bgcolor='"+bgColor+"'>"+span1(fgTag)+a1(fgTagA)+"'javascript: if (window.opener && !window.opener.closed && window.opener.pickDate) window.opener.pickDate("+dayCount+")'>"+(dayCount++)+"</a>"+span2+"</td>";
      }
    }
    s+="</tr>";
 }
 
 return s;
}
 
function moveYear(dy) {
 cY+=dy;
 var nd=new Date(cY,cM,1);
 changeCal(nd);
}
 
function prepMonth(m) {
 cM=m-1;
 if (cM<0) { cM=11; cY--; }
 var nd=new Date(cY,cM,1);
 changeCal(nd);
}
 
function nextMonth(m) {
 cM=m+1;
 if (cM>11) { cM=0; cY++;}
 var nd=new Date(cY,cM,1);
 changeCal(nd);
}
 
function changeCal(d) {
 var dd = 0;
 
 if (currentCal != null) {
    var calRE = getFormat();
 
    if (currentCal.form[currentCal.field].value!="" && calRE.test(currentCal.form[currentCal.field].value)) {
      var cd = getDateNumbers(currentCal.form[currentCal.field].value);
      if (cd[0] == d.getFullYear() && cd[1] == d.getMonth()) {
        dd=cd[2];
      }
    }
    else {
      var cd = new Date();
      if (cd.getFullYear() == d.getFullYear() && cd.getMonth() == d.getMonth()) {
        dd=cd.getDate();
      }
    }
 }
 
 var calendar=calHeader()+calTitle(d)+calBody(d,dd)+calFooter();
 
 calWin.document.open();
 calWin.document.write(calendar);
 calWin.document.close();
}
 
function markClick(e) {
 if (isIE || isOpera6) {
    winX=event.screenX;
    winY=event.screenY;
 }
 else if (isN4 || isN6) {
    winX=e.screenX;
    winY=e.screenY;
 
    document.routeEvent(e);
 }
 
 return true;
}
 
function showCal(name) {
 var lastCal=currentCal;
 var d=new Date(), hasCal=false;
 
 currentCal = findCalendar(name);
 
 if (currentCal != null && currentCal.form != null && currentCal.form[currentCal.field]) {
    var calRE = getFormat();
 
    if (currentCal.form[currentCal.field].value!="" && calRE.test(currentCal.form[currentCal.field].value)) {
      var cd = getDateNumbers(currentCal.form[currentCal.field].value);
      d=new Date(cd[0],cd[1],cd[2]);
 
      cY=cd[0];
      cM=cd[1];
      dd=cd[2];
    }
    else {
      cY=d.getFullYear();
      cM=d.getMonth();
      dd=d.getDate();
    }
 
    var calendar=calHeader()+calTitle(d)+calBody(d,dd)+calFooter();
 
    if (calWin != null && !calWin.closed) {
      hasCal=true;
      calWin.moveTo(winX+calOffsetX,winY+calOffsetY);
    }
 
    if (!hasCal) {
      if (isIE || isOpera6) {
        calWin=window.open("","cal","toolbar=0,width="+calWidth+",height="+calHeight+",left="+(winX+calOffsetX)+",top="+(winY+calOffsetY));
      }
      else {
        calWin=window.open("","cal","toolbar=0,width="+calWidth+",height="+calHeight+",screenx="+(winX+calOffsetX)+",screeny="+(winY+calOffsetY));
      }
    }
 
   calWin.document.open();
    calWin.document.write(calendar);
    calWin.document.close();
 
    calWin.focus();
 }
 else {
    if (currentCal == null) {
      window.status = "Calendar ["+name+"] not found.";
    }
    else if (!currentCal.form) {
      window.status = "Form ["+currentCal.formName+"] not found.";
    }
    else if (!currentCal.form[currentCal.field]) {
      window.status = "Form Field ["+currentCal.formName+"."+currentCal.field+"] not found.";
    }
 
    if (lastCal != null) {
      currentCal = lastCal;
    }
 }
}
 
function get2Digits(n) {
 return ((n<10)?"0":"")+n;
}
 
function clearDate() {
 currentCal.form[currentCal.field].value="";
 hideCal();
}
 
function pickDate(d) {
 hideCal();
 window.focus();
 
 var date=calFormat;
 date = date.replace(/yyyy/i, cY);
 date = date.replace(/mm/i, get2Digits(cM+1));
 date = date.replace(/MON/, yxMonths[cM].substring(0,3).toUpperCase());
 date = date.replace(/Mon/i, yxMonths[cM].substring(0,3));
 date = date.replace(/dd/i, get2Digits(d));
 date = date.replace(/DAY/, getDayName(cY,cM,d).toUpperCase());
 date = date.replace(/day/i, getDayName(cY,cM,d));
 
 currentCal.form[currentCal.field].value=date;
 // IE5/Mac needs focus to show the value, weird.
 currentCal.form[currentCal.field].focus();
}
// ------
 
// user functions
function checkDate(name) {
 var thisCal = findCalendar(name);
 
 if (thisCal != null && thisCal.form != null && thisCal.form[thisCal.field]) {
    var calRE = getFormat();
 
    if (calRE.test(thisCal.form[thisCal.field].value)) {
      return 0;
    }
    else {
      return 1;
    }
 }
 else {
    return 2;
 }
}
 
function getCurrentDate() {
 var date=calFormat, d = new Date();
 date = date.replace(/yyyy/i, d.getFullYear());
 date = date.replace(/mm/i, get2Digits(d.getMonth()+1));
 date = date.replace(/dd/i, get2Digits(d.getDate()));
 
 return date;
}
 
function compareDates(date1, date2) {
 var calRE = getFormat();
 var d1, d2;
 
 if (calRE.test(date1)) {
    d1 = getNumbers(date1);
 }
 else {
    d1 = getNumbers(getCurrentDate());
 }
 
 if (calRE.test(date2)) {
    d2 = getNumbers(date2);
 }
 else {
    d2 = getNumbers(getCurrentDate());
 }
 
 var dStr1 = d1[0] + "" + d1[1] + "" + d1[2];
 var dStr2 = d2[0] + "" + d2[1] + "" + d2[2];
 
 if (dStr1 == dStr2) {
    return 0;
 }
 else if (dStr1 > dStr2) {
    return 1;
 }
 else {
    return -1;
 }
}
 
function getNumbers(date) {
 var calRE = getFormat();
 var y, m, d;
 
 if (calRE.test(date)) {
    var yIdx = calFormat.search(/yyyy/i);
    var mIdx = calFormat.search(/mm/i);
    var m3Idx = calFormat.search(/mon/i);
    var dIdx = calFormat.search(/dd/i);
 
    y=date.substring(yIdx,yIdx+4);
    if (mIdx != -1) {
      m=date.substring(mIdx,mIdx+2);
    }
    else {
      var mm=getMonthFromName(date.substring(m3Idx,m3Idx+3))+1;
      m=(mm<10)?("0"+mm):(""+mm);
    }
    d=date.substring(dIdx,dIdx+2);
 
    return new Array(y,m,d);
 }
 else {
    return new Array("", "", "");
 }
}
// ------
 
if (isN4 || isN6) {
 document.captureEvents(Event.CLICK);
}
document.οnclick=markClick;
 
</script>
<script language="javascript">
 
//Define calendar(s): addCalendar ("Unique Calendar Name", "Window title", "Form element's name", Form name")
addCalendar("Calendar1", "Select Date", "firstinput", "sampleform");
addCalendar("Calendar2", "Select Date", "secondinput", "sampleform");
 
// default settings for English
// Uncomment desired lines and modify its values
// setFont("verdana", 9);
 setWidth(90, 1, 15, 1);
// setColor("#cccccc", "#cccccc", "#ffffff", "#ffffff", "#333333", "#cccccc", "#333333");
// setFontColor("#333333", "#333333", "#333333", "#ffffff", "#333333");
// setFormat("yyyy/mm/dd");
// setSize(200, 200, -200, 16);
 
// setWeekDay(0);
// setMonthNames("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
// setDayNames("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
// setLinkNames("[Close]", "[Clear]");
</script>
<form name="sampleform">
<input type="text" name="firstinput" size=20> <small><a href="javascript:showCal('Calendar1')"> 选择日期一</a></small>
<p><input type="text" name="secondinput" size=20> <small><a href="javascript:showCal('Calendar2')"> 选择日期二</a></small>
</form>
 
21 日期的自由选择
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!--
 
// 有效的时间范围
var date_start,date_end,g_object
var today = new Date();
var separator="-";
var inover=false;
 
//mode : 时间变换的类型0-年 1-月 2-直接选择月
function change_date(temp,mode)
{
    var t_month,t_year
    if (mode){
        if(mode==1)
       t_month=parseInt(cele_date_month.value,10)+parseInt(temp,10);
        else
        t_month=parseInt(temp)
        if (t_month<cele_date_month.options(0).text) {
            cele_date_month.value=cele_date_month.options(cele_date_month.length-1).text;
            change_date(parseInt(cele_date_year.value,10)-1,0);
            }
        else{
            if (t_month>cele_date_month.options(cele_date_month.length-1).text){
                cele_date_month.value=cele_date_month.options(0).text;
                change_date(parseInt(cele_date_year.value,10)+1,0);
                }           
            else
                {cele_date_month.value=t_month;
                 set_cele_date(cele_date_year.value,cele_date_month.value);               
                }
        }
    } 
    else{
        t_year=parseInt(temp,10);
       
        if (t_year<cele_date_year.options(0).text) {
            cele_date_year.value=cele_date_year.options(0).text;
            set_cele_date(cele_date_year.value,1);                
            }
        else{
            if (parseInt(t_year,10)>parseInt(cele_date_year.options(cele_date_year.length-1).text,10)){
                cele_date_year.value=cele_date_year.options(cele_date_year.length-1).text;
                set_cele_date(cele_date_year.value,12);               
                }           
            else
                {cele_date_year.value=t_year;
                 set_cele_date(cele_date_year.value,cele_date_month.value);               
                }
        }
    }
    /*********2002-02-01 MODIFY BY WING **************/
    window.cele_date.focus();
    /****************MODIFY END***********************/
}
 
// 初始化日历
function init(d_start,d_end)
{
     var temp_str;
     var i=0
     var j=0
     date_start=new Date(2000,7,1)
     date_end=new Date(2004,8,1)
    
     // 必须要有内容（奇怪）
     /*************************2002-02-01 MODIFY BY WING *********************************************************************************/
     document.writeln("<div name=/"cele_date/" id=/"cele_date/" style=/"display:none/"    style=/"LEFT: 69px; POSITION: absolute; TOP: 159px;Z-INDEX:99/" onClick=/"event.cancelBubble=true;/" onBlur=/"hilayer()/" onMouseout=/"lostlayerfocus()/">? </div>");
     /*******************************************MODIFY END*******************************************************************************/
     window.cele_date.innerHTML="";
     temp_str="<table border=/"1/" bgcolor=/"#4682b4/" bordercolor=/"white/"><tr><td colspan=7 οnmοuseοver=/"overcolor(this)/">";
     temp_str+="<input type=/"Button/" value=/"<</" οnclick=/"change_date(-1,1)/" οnmοuseοver=/"getlayerfocus()/" style=/"color: #FFFFFF; background-color: #5d7790; cursor: hand/">?";// 左面的箭头
 
     /**************************2002-02-01 MODIFY BY WING ********************************************************************************/
     /*temp_str+="<input type=/"Button/" value=/"<</" οnclick=/"change_date(-1,1)/" >?";// 左面的箭头                                */
     /************************************************************************************************************************************/
    
     temp_str+=""// 年
     temp_str+="<select name=/"cele_date_year/" id=/"cele_date_year/" language=/"javascript/" οnchange=/"change_date(this.value,0)/" οnmοuseοver=/"getlayerfocus()/" οnblur=/"getlayerfocus()/" style=/"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB/">"
 
     /**************************2002-02-01 MODIFY BY WING ********************************************************************************/
     /*temp_str+="<select name=/"cele_date_year/" id=/"cele_date_year/" language=/"javascript/" οnchange=/"change_date(this.value,0)/">" */
     /************************************************************************************************************************************/
 
     for (i=2000;i<=2020;i++)
     {
     temp_str+="<OPTION value=/""+i.toString()+"/">"+i.toString()+"</OPTION>";
     }
     temp_str+="</select>?";
     temp_str+=""// 月
     temp_str+="<select name=/"cele_date_month/" id=/"cele_date_month/" language=/"javascript/" οnchange=/"change_date(this.value,2)/" οnmοuseοver=/"getlayerfocus()/" οnblur=/"getlayerfocus()/" style=/"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB/">"
 
     /**************************2002-02-01 MODIFY BY WING **********************************************************************************/
     /*temp_str+="<select name=/"cele_date_month/" id=/"cele_date_month/" language=/"javascript/" οnchange=/"change_date(this.value,2)/">" */
     /**************************************************************************************************************************************/
 
     for (i=1;i<=12;i++)
     {
     temp_str+="<OPTION value=/""+i.toString()+"/">"+i.toString()+"</OPTION>";
     }
     temp_str+="</select>?";
     temp_str+=""// 右箭头
     temp_str+="<input type=/"Button/" value=/">>/" οnclick=/"change_date(1,1)/" οnmοuseοver=/"getlayerfocus()/" style=/"color: #FFFFFF; background-color: #5d7790; cursor: hand/">";
 
     /**************************2002-02-01 MODIFY BY WING ********************************************************************************/
     /*temp_str+="<input type=/"Button/" value=/">>/" οnclick=/"change_date(1,1)/">";                                                    */
     /************************************************************************************************************************************/
 
     temp_str+="</td></tr><tr><td οnmοuseοver=/"overcolor(this)/">"
     temp_str+="<font color=red>Su</font></td><td>";temp_str+="Mo</td><td>"; temp_str+="Tu</td><td>"; temp_str+="We</td><td>"
     temp_str+="Th</td><td>";temp_str+="Fr</td><td>"; temp_str+="Sa</td></tr>";
     for (i=1 ;i<=6 ;i++)
     {
     temp_str+="<tr>";
        for(j=1;j<=7;j++){
            temp_str+="<td name=/"c"+i+"_"+j+"/"id=/"c"+i+"_"+j+"/" style=/"CURSOR: hand/" style=/"COLOR:#000000/" language=/"javascript/" οnmοuseοver=/"overcolor(this)/" οnmοuseοut=/"outcolor(this)/" οnclick=/"td_click(this)/">?</td>"
            }
     temp_str+="</tr>"       
     }
     temp_str+="</td></tr></table>";
     window.cele_date.innerHTML=temp_str;
}
function set_cele_date(year,month)
{
   var i,j,p,k
   var nd=new Date(year,month-1,1);
   event.cancelBubble=true;
   cele_date_year.value=year;
   cele_date_month.value=month;  
   k=nd.getDay()-1
  var temp;
   for (i=1;i<=6;i++)
      for(j=1;j<=7;j++)
      {
      eval("c"+i+"_"+j+".innerHTML=/"/"");
      eval("c"+i+"_"+j+".bgColor=/"#4682b4/"");
      eval("c"+i+"_"+j+".style.cursor=/"hand/"");
      }
   while(month-1==nd.getMonth())
    { j=(nd.getDay() +1);
      p=parseInt((nd.getDate()+k) / 7)+1;
      eval("c"+p+"_"+j+".innerHTML="+"/""+nd.getDate()+"/"");
      if ((nd.getDate()==today.getDate())&&(cele_date_month.value==today.getMonth()+1)&&(cele_date_year.value==today.getYear())){
        eval("c"+p+"_"+j+".bgColor=/"#EFFB64/"");
      }
      if (nd>date_end || nd<date_start)
      {
      eval("c"+p+"_"+j+".bgColor=/"#FF9999/"");
      eval("c"+p+"_"+j+".style.cursor=/"text/"");
      }
      nd=new Date(nd.valueOf() + 86400000)
    }
}
 
//s_object ：点击的对象；d_start-d_end有效的时间区段；需要存放值的控件；
function show_cele_date(eP,d_start,d_end,t_object)
{
window.cele_date.style.display="";
window.cele_date.style.zIndex=99
var s,cur_d
var eT = eP.offsetTop; 
var eH = eP.offsetHeight+eT; 
var dH = window.cele_date.style.pixelHeight; 
var sT = document.body.scrollTop;
var sL = document.body.scrollLeft;
event.cancelBubble=true;
window.cele_date.style.posLeft = event.clientX-event.offsetX+sL-5; 
window.cele_date.style.posTop = event.clientY-event.offsetY+eH+sT-5;
if (window.cele_date.style.posLeft+window.cele_date.clientWidth>document.body.clientWidth) window.cele_date.style.posLeft+=eP.offsetWidth-window.cele_date.clientWidth;
//if (window.cele_date.style.posTop+window.cele_date.clientHeight>document.body.clientHeight) window.cele_date.style.posTop-=(eP.offsetHeight+window.cele_date.clientHeight+5);
if (d_start!=""){
    if (d_start=="today"){
        date_start=new Date(today.getYear(),today.getMonth(),today.getDate());
    }else{
        s=d_start.split(separator);
        date_start=new Date(s[0],s[1]-1,s[2]);
    }
}else{
    date_start=new Date(1900,1,1);
}
 
if (d_end!=""){
    s=d_end.split(separator);
    date_end=new Date(s[0],s[1]-1,s[2]);
}else{
    date_end=new Date(3000,1,1);
}
 
g_object=t_object
 
cur_d=new Date()
set_cele_date(cur_d.getYear(),cur_d.getMonth()+1);
window.cele_date.style.display="block";
/***************2002-02-01 MODIFY BY WING ***********/
window.cele_date.focus();
/****************MODIFY END**************************/
}
function td_click(t_object)
{
var t_d
if (parseInt(t_object.innerHTML,10)>=1 && parseInt(t_object.innerHTML,10)<=31 )
{ t_d=new Date(cele_date_year.value,cele_date_month.value-1,t_object.innerHTML)
if (t_d<=date_end && t_d>=date_start)
{
var year = cele_date_year.value;
var month = cele_date_month.value;
var day = t_object.innerHTML;
if (parseInt(month)<10) month = "0" + month;
if (parseInt(day)<10) day = "0" + day;
 
g_object.value=year+separator+month+separator+day;
window.cele_date.style.display="none";};
}
 
}
function h_cele_date()
{
window.cele_date.style.display="none";
}
 
function overcolor(obj)
{
 if (obj.style.cursor=="hand") obj.style.color = "#FFFFFF";
 /*********** 2002-02-01 MODIFY BY WING *****/
 inover=true;
 window.cele_date.focus();
 /************* MODIFY END ******************/
}
 
function outcolor(obj)
{
 obj.style.color = "#000000";
 /*********** 2002-02-01 MODIFY BY WING *****/
 inover=false;
 /************* MODIFY END ******************/
}
 
 
function getNow(o){
    var Stamp=new Date();
    var year = Stamp.getYear();
    var month = Stamp.getMonth()+1;
    var day = Stamp.getDate();
    if(month<10){
    month="0"+month;
    }
    if(day<10){
    day="0"+day;
    }
    o.value=year+separator+month+separator+day;
}
/*********** 2002-02-01 MODIFY BY WING **ADD THREE FUNCTION TO CONTROL THE DIV FOCUS***/
function hilayer()
{
    if (inover==false)
    {
        var lay=document.all.cele_date;
        lay.style.display="none";
    }
}
function getlayerfocus()
{
    inover=true;
}
function lostlayerfocus()
{
    inover=false;
}
/***************************MODIFY END************************************************/
//-->
</SCRIPT>
<script language="javascript">
         init();
</script>
 <input type="text" name="Last_Update_Date" size="26" maxlength="19" readonly>
<input type="button" name="change2" value=" 展开" οnclick="show_cele_date(change2,'','',Last_Update_Date)">
 
23 更酷的农历日历
脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript">
<!--
var bsYear;
var bsDate;
var bsWeek;
var arrLen=8; // 数组长度
var sValue=0; // 当年的秒数
var dayiy=0; // 当年第几天
var miy=0; // 月份的下标
var iyear=0; // 年份标记
var dayim=0; // 当月第几天
var spd=86400; // 每天的秒数
 
var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354
var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354
var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384
var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354
var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355
var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384
var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354
var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30";
 
var month1999=" 正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2001=" 正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2004=" 正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var month2006=" 正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月"
var Dn=" 初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
 
var Ys=new Array(arrLen);
Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600;
Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800;
Ys[6]=1107878400;Ys[7]=1138464000;
 
var Yn=new Array(arrLen); // 农历年的名称
Yn[0]=" 己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年";
Yn[3]=" 壬午年";Yn[4]="癸未年";Yn[5]="甲申年";
Yn[6]=" 乙酉年";Yn[7]="丙戌年";
var D=new Date();
var yy=D.getYear();
var mm=D.getMonth()+1;
var dd=D.getDate();
var ww=D.getDay();
if (ww==0) ww="<font color=RED> 星期日";
if (ww==1) ww=" 星期一";
if (ww==2) ww=" 星期二";
if (ww==3) ww=" 星期三";
if (ww==4) ww=" 星期四";
if (ww==5) ww=" 星期五";
if (ww==6) ww="<font color=RED> 星期六";
ww=ww;
var ss=parseInt(D.getTime() / 1000);
if (yy<100) yy="19"+yy;
 
for (i=0;i<arrLen;i++)
if (ss>=Ys[i]){
iyear=i;
sValue=ss-Ys[i]; // 当年的秒数
}
dayiy=parseInt(sValue/spd)+1; // 当年的天数
 
var dpm=year1999;
if (iyear==1) dpm=year2000;
if (iyear==2) dpm=year2001;
if (iyear==3) dpm=year2002;
if (iyear==4) dpm=year2003;
if (iyear==5) dpm=year2004;
if (iyear==6) dpm=year2005;
if (iyear==7) dpm=year2006;
dpm=dpm.split(";");
 
var Mn=month1999;
if (iyear==2) Mn=month2001;
if (iyear==5) Mn=month2004;
if (iyear==7) Mn=month2006;
Mn=Mn.split(";");
 
var Dn=" 初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
Dn=Dn.split(";");
 
dayim=dayiy;
 
var total=new Array(13);
total[0]=parseInt(dpm[0]);
for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1];
for (i=dpm.length-1;i>0;i--)
if (dayim>total[i-1]){
dayim=dayim-total[i-1];
miy=i;
}
bsWeek=ww;
bsDate=yy+" 年"+mm+"月";
bsDate2=dd;
bsYear=" 农历"+Yn[iyear];
bsYear2=Mn[miy]+Dn[dayim-1];
if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7];
function CAL(){
document.write("<table border='1' cellspacing='3' width='105' bordercolor='#000000' bgcolor='#FFFFFF' height='110' cellpadding='2'");
document.write("<tr><td align='center'><b><font color=#008040>"+bsDate+"</font><br><font size='6' color=#FF8040>"+bsDate2+"</font><br><font color=#008040><span style='FONT-SIZE: 10.5pt'>");
document.write(bsWeek+"</span><br>"+"<br></b><font color=#9B4E00>");
document.write(bsYear+"<br>"+bsYear2+"</td></tr></table>");
}
//-->
</script>
<script language="javascript">CAL();</script>
 
 
24 又一万年历
脚本说明:
把如下代码加入<body>区域中
<script>
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
    if ((p_month == null) && (p_year == null)) return;
    if (p_WinCal == null)
        this.gWinCal = ggWinCal;
    else
        this.gWinCal = p_WinCal;
   
    if (p_month == null) {
        this.gMonthName = null;
        this.gMonth = null;
        this.gYearly = true;
    } else {
        this.gMonthName = Calendar.get_month(p_month);
        this.gMonth = new Number(p_month);
        this.gYearly = false;
    }
    this.gYear = p_year;
    this.gFormat = p_format;
    this.gBGColor = "white";
    this.gFGColor = "black";
    this.gTextColor = "black";
    this.gHeaderColor = "black";
    this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
    return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
    /*
    Check for leap year ..
    1.Years evenly divisible by four are normally leap years, except for...
    2.Years also evenly divisible by 100 are not leap years, except for...
    3.Years also evenly divisible by 400 are leap years.
    */
    if ((p_year % 4) == 0) {
        if ((p_year % 100) == 0 && (p_year % 400) != 0)
            return Calendar.DOMonth[monthNo];
   
        return Calendar.lDOMonth[monthNo];
    } else
        return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
    /*
    Will return an 1-D array with 1st element being the calculated month
    and second being the calculated year
    after applying the month increment/decrement as specified by 'incr' parameter.
    'incr' will normally have 1/-1 to navigate thru the months.
    */
    var ret_arr = new Array();
   
    if (incr == -1) {
        // B A C K W A R D
        if (p_Month == 0) {
            ret_arr[0] = 11;
            ret_arr[1] = parseInt(p_Year) - 1;
        }
        else {
            ret_arr[0] = parseInt(p_Month) - 1;
            ret_arr[1] = parseInt(p_Year);
        }
    } else if (incr == 1) {
        // F O R W A R D
        if (p_Month == 11) {
            ret_arr[0] = 0;
            ret_arr[1] = parseInt(p_Year) + 1;
        }
        else {
            ret_arr[0] = parseInt(p_Month) + 1;
            ret_arr[1] = parseInt(p_Year);
        }
    }
   
    return ret_arr;
}
function Calendar_print() {
    ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
    /*
    Will return an 1-D array with 1st element being the calculated month
    and second being the calculated year
    after applying the month increment/decrement as specified by 'incr' parameter.
    'incr' will normally have 1/-1 to navigate thru the months.
    */
    var ret_arr = new Array();
   
    if (incr == -1) {
        // B A C K W A R D
        if (p_Month == 0) {
            ret_arr[0] = 11;
            ret_arr[1] = parseInt(p_Year) - 1;
        }
        else {
            ret_arr[0] = parseInt(p_Month) - 1;
            ret_arr[1] = parseInt(p_Year);
        }
    } else if (incr == 1) {
        // F O R W A R D
        if (p_Month == 11) {
            ret_arr[0] = 0;
            ret_arr[1] = parseInt(p_Year) + 1;
        }
        else {
            ret_arr[0] = parseInt(p_Month) + 1;
            ret_arr[1] = parseInt(p_Year);
        }
    }
   
    return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
    var vCode = "";
    var vHeader_Code = "";
    var vData_Code = "";
   
    // Begin Table Drawing code here..
    vCode = vCode + "<TABLE BORDER=1 BGCOLOR=/"" + this.gBGColor + "/">";
   
    vHeader_Code = this.cal_header();
    vData_Code = this.cal_data();
    vCode = vCode + vHeader_Code + vData_Code;
   
    vCode = vCode + "</TABLE>";
   
    return vCode;
}
Calendar.prototype.show = function() {
    var vCode = "";
   
    this.gWinCal.document.open();
    // Setup the page...
    this.wwrite("<html>");
    this.wwrite("<head><title>Calendar</title>");
    this.wwrite("</head>");
    this.wwrite("<body " +
        "link=/"" + this.gLinkColor + "/" " +
        "vlink=/"" + this.gLinkColor + "/" " +
        "alink=/"" + this.gLinkColor + "/" " +
        "text=/"" + this.gTextColor + "/">");
    this.wwriteA("<FONT + fontface + "' SIZE=2><B>");
    this.wwriteA(this.gMonthName + " " + this.gYear);
    this.wwriteA("</B><BR>");
    // Show navigation buttons
    var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
    var prevMM = prevMMYYYY[0];
    var prevYYYY = prevMMYYYY[1];
    var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
    var nextMM = nextMMYYYY[0];
    var nextYYYY = nextMMYYYY[1];
   
    this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"" +
        "javascript:window.opener.Build(" +
        "'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
        ");" +
        "/"><<<//A>]</TD><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"" +
        "javascript:window.opener.Build(" +
        "'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
        ");" +
        "/"><<//A>]</TD><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"javascript:window.print();/">Print</A>]</TD><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"" +
        "javascript:window.opener.Build(" +
        "'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
        ");" +
        "/">><//A>]</TD><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"" +
        "javascript:window.opener.Build(" +
        "'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
        ");" +
        "/">>><//A>]</TD></TR></TABLE><BR>");
    // Get the complete calendar code for the month..
    vCode = this.getMonthlyCalendarCode();
    this.wwrite(vCode);
    this.wwrite("</font></body></html>");
    this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
    var vCode = "";
    var i;
    var vr, vc, vx, vy;     // Row, Column, X-coord, Y-coord
    var vxf = 285;          // X-Factor
    var vyf = 200;          // Y-Factor
    var vxm = 10;           // X-margin
    var vym;                // Y-margin
    if (isIE)   vym = 75;
    else if (isNav) vym = 25;
   
    this.gWinCal.document.open();
    this.wwrite("<html>");
    this.wwrite("<head><title>Calendar</title>");
    this.wwrite("<style type='text/css'>/n<!--");
    for (i=0; i<12; i++) {
        vc = i % 3;
        if (i>=0 && i<= 2) vr = 0;
        if (i>=3 && i<= 5) vr = 1;
        if (i>=6 && i<= 8) vr = 2;
        if (i>=9 && i<= 11) vr = 3;
       
        vx = parseInt(vxf * vc) + vxm;
        vy = parseInt(vyf * vr) + vym;
        this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
    }
    this.wwrite("-->/n</style>");
    this.wwrite("</head>");
    this.wwrite("<body " +
        "link=/"" + this.gLinkColor + "/" " +
        "vlink=/"" + this.gLinkColor + "/" " +
        "alink=/"" + this.gLinkColor + "/" " +
        "text=/"" + this.gTextColor + "/">");
    this.wwrite("<FONT + fontface + "' SIZE=2><B>");
    this.wwrite("Year : " + this.gYear);
    this.wwrite("</B><BR>");
    // Show navigation buttons
    var prevYYYY = parseInt(this.gYear) - 1;
    var nextYYYY = parseInt(this.gYear) + 1;
   
    this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"" +
        "javascript:window.opener.Build(" +
        "'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
        ");" +
        "/" alt='Prev Year'><<<//A>]</TD><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"javascript:window.print();/">Print</A>]</TD><TD ALIGN=center>");
    this.wwrite("[<A HREF=/"" +
        "javascript:window.opener.Build(" +
        "'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
        ");" +
        "/">>><//A>]</TD></TR></TABLE><BR>");
    // Get the complete calendar code for each month..
    var j;
    for (i=11; i>=0; i--) {
        if (isIE)
            this.wwrite("<DIV ID=/"layer" + i + "/" CLASS=/"lclass" + i + "/">");
        else if (isNav)
            this.wwrite("<LAYER ID=/"layer" + i + "/" CLASS=/"lclass" + i + "/">");
        this.gMonth = i;
        this.gMonthName = Calendar.get_month(this.gMonth);
        vCode = this.getMonthlyCalendarCode();
        this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
        this.wwrite(vCode);
        if (isIE)
            this.wwrite("</DIV>");
        else if (isNav)
            this.wwrite("</LAYER>");
    }
    this.wwrite("</font><BR></body></html>");
    this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
    this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
    this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
    var vCode = "";
   
    vCode = vCode + "<TR>";
    vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
    vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
    vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
    vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
    vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
    vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
    vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
    vCode = vCode + "</TR>";
   
    return vCode;
}
Calendar.prototype.cal_data = function() {
    var vDate = new Date();
    vDate.setDate(1);
    vDate.setMonth(this.gMonth);
    vDate.setFullYear(this.gYear);
    var vFirstDay=vDate.getDay();
    var vDay=1;
    var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
    var vOnLastDay=0;
    var vCode = "";
    /*
    Get day for the 1st of the requested month/year..
    Place as many blank cells before the 1st day of the month as necessary.
    */
    vCode = vCode + "<TR>";
    for (i=0; i<vFirstDay; i++) {
        vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' + fontface + "'> </FONT></TD>";
    }
    // Write rest of the 1st week
    for (j=vFirstDay; j<7; j++) {
        vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' + fontface + "'>" +
            "<A HREF='#' " +
                "onClick=/"self.opener.document." + this.gReturnItem + ".value='" +
                this.format_data(vDay) +
                "';window.close();/">" +
                this.format_day(vDay) +
            "</A>" +
            "</FONT></TD>";
        vDay=vDay + 1;
    }
    vCode = vCode + "</TR>";
    // Write the rest of the weeks
    for (k=2; k<7; k++) {
        vCode = vCode + "<TR>";
        for (j=0; j<7; j++) {
            vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' + fontface + "'>" +
                "<A HREF='#' " +
                    "onClick=/"self.opener.document." + this.gReturnItem + ".value='" +
                    this.format_data(vDay) +
                    "';window.close();/">" +
                this.format_day(vDay) +
                "</A>" +
                "</FONT></TD>";
            vDay=vDay + 1;
            if (vDay > vLastDay) {
                vOnLastDay = 1;
                break;
            }
        }
        if (j == 6)
            vCode = vCode + "</TR>";
        if (vOnLastDay == 1)
            break;
    }
   
    // Fill up the rest of last week with proper blanks, so that we get proper square blocks
    for (m=1; m<(7-j); m++) {
        if (this.gYearly)
            vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
            "><FONT SIZE='2' + fontface + "' COLOR='gray'> </FONT></TD>";
        else
            vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
            "><FONT SIZE='2' + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
    }
   
    return vCode;
}
Calendar.prototype.format_day = function(vday) {
    var vNowDay = gNow.getDate();
    var vNowMonth = gNow.getMonth();
    var vNowYear = gNow.getFullYear();
    if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
        return ("<FONT COLOR=/"RED/"><B>" + vday + "</B></FONT>");
    else
        return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
    var i;
    // Return special formatting for the weekend day.
    for (i=0; i<weekend.length; i++) {
        if (vday == weekend[i])
            return (" BGCOLOR=/"" + weekendColor + "/"");
    }
   
    return "";
}
Calendar.prototype.format_data = function(p_day) {
    var vData;
    var vMonth = 1 + this.gMonth;
    vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
    var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
    var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
    var vY4 = new String(this.gYear);
    var vY2 = new String(this.gYear.substr(2,2));
    var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
    switch (this.gFormat) {
        case "MM//DD//YYYY" :
            vData = vMonth + "//" + vDD + "//" + vY4;
            break;
        case "MM//DD//YY" :
            vData = vMonth + "//" + vDD + "//" + vY2;
            break;
        case "MM-DD-YYYY" :
            vData = vMonth + "-" + vDD + "-" + vY4;
            break;
        case "MM-DD-YY" :
            vData = vMonth + "-" + vDD + "-" + vY2;
            break;
        case "DD//MON//YYYY" :
            vData = vDD + "//" + vMon + "//" + vY4;
            break;
        case "DD//MON//YY" :
            vData = vDD + "//" + vMon + "//" + vY2;
            break;
        case "DD-MON-YYYY" :
            vData = vDD + "-" + vMon + "-" + vY4;
            break;
        case "DD-MON-YY" :
            vData = vDD + "-" + vMon + "-" + vY2;
            break;
        case "DD//MONTH//YYYY" :
            vData = vDD + "//" + vFMon + "//" + vY4;
            break;
        case "DD//MONTH//YY" :
            vData = vDD + "//" + vFMon + "//" + vY2;
            break;
        case "DD-MONTH-YYYY" :
            vData = vDD + "-" + vFMon + "-" + vY4;
            break;
        case "DD-MONTH-YY" :
            vData = vDD + "-" + vFMon + "-" + vY2;
            break;
        case "DD//MM//YYYY" :
            vData = vDD + "//" + vMonth + "//" + vY4;
            break;
        case "DD//MM//YY" :
            vData = vDD + "//" + vMonth + "//" + vY2;
            break;
        case "DD-MM-YYYY" :
            vData = vDD + "-" + vMonth + "-" + vY4;
            break;
        case "DD-MM-YY" :
            vData = vDD + "-" + vMonth + "-" + vY2;
            break;
        default :
            vData = vMonth + "//" + vDD + "//" + vY4;
    }
    return vData;
}
function Build(p_item, p_month, p_year, p_format) {
    var p_WinCal = ggWinCal;
    gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
    // Customize your Calendar here..
    gCal.gBGColor="white";
    gCal.gLinkColor="black";
    gCal.gTextColor="black";
    gCal.gHeaderColor="darkgreen";
    // Choose appropriate show function
    if (gCal.gYearly)   gCal.showY();
    else    gCal.show();
}
function show_calendar() {
    /*
        p_month : 0-11 for Jan-Dec; 12 for All Months.
        p_year : 4-digit year
        p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
        p_item : Return Item.
    */
    p_item = arguments[0];
    if (arguments[1] == null)
        p_month = new String(gNow.getMonth());
    else
        p_month = arguments[1];
    if (arguments[2] == "" || arguments[2] == null)
        p_year = new String(gNow.getFullYear().toString());
    else
        p_year = arguments[2];
    if (arguments[3] == null)
        p_format = "MM/DD/YYYY";
    else
        p_format = arguments[3];
    vWinCal = window.open("", "Calendar",
        "width=250,height=250,status=no,resizable=no,top=200,left=200");
    vWinCal.opener = self;
    ggWinCal = vWinCal;
    Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
    // Load the defaults..
    if (p_year == null || p_year == "")
        p_year = new String(gNow.getFullYear().toString());
    if (p_format == null || p_format == "")
        p_format = "MM/DD/YYYY";
    var vWinCal = window.open("", "Calendar", "scrollbars=yes");
    vWinCal.opener = self;
    ggWinCal = vWinCal;
    Build(p_item, null, p_year, p_format);
}
</script>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" οnmοuseοver="window.status='Date Picker';return true;" οnmοuseοut="window.status='';return true;"><img src="show-calendar.gif" tppabs="http://www.baron.com.cn/javascript/time/show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
 
24 新闻图片显示
<script type="text/javascript">
 
<!--
 
 
//more javascript from http://www.smallrain.net
 
var pic_width=286 // 图片宽度
 
var pic_height=161 // 图片高度
 
var text_height=21 // 文字高度
 
var swfpath = 'jsimg/2006_9_18/picviewer.swf' //swf 文件路径地址
 
var swf_height = pic_height+text_height
 
 
 
var pics='jsimg/2006_9_18/images/01.jpg|jsimg/2006_9_18/images/02.jpg|jsimg/2006_9_18/images/03.jpg|jsimg/2006_9_18/images/04.jpg|jsimg/2006_9_18/images/05.jpg|jsimg/2006_9_18/images/06.jpg'
 
var links='http://www.smallrain.net#1|http://www.smallrain.net#2|http://www.smallrain.net#3|http://www.smallrain.net#4|http://www.smallrain.net#5|http://www.smallrain.net#6'
 
var texts=' 文字内容一|文字内容二|文字内容三|文字内容四|文字内容五|文字内容六'
 
 
 
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'">');
 
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="'+swfpath+'"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">');
 
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
 
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+pic_width+'&borderheight='+pic_height+'&textheight='+text_height+'">');
 
document.write('<embed src="'+swfpath+'" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+pic_width+'&borderheight='+pic_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ pic_width +'" height="'+ pic_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
 
document.write('</object>');
 
 
 
//-->
 
    </script>
 
 
hyqhzz
关注
图片展示特效代码非常不错
04-26
图片展示特效代码非常不错,演示效果：<br>http://s.gzxnzj.cn/002/index.htm<br>http://s.gzxnzj.cn/002/index2.htm<br>http://s.gzxnzj.cn/002/index3.htm<br>http://s.gzxnzj.cn/002/index4.htm<br>http://s.gzxnzj.cn/002/index5.htm<br>
家居产品图片展示相册代码.zip
05-25
家居产品图片展示相册代码基于jquery.DB_gallery.js和jquery-1.7.1.min.js插件制作，点击缩略图显示产品大图，带左右箭头按钮。
图片效果代码
07-05 92
一、几个基本的效果 1.鼠标滑过更改图片整体透明度代码<img src="地址" width="宽" height="高" style="FILTER:alpha(opacity=30)" onMouseOver="this.style.filter='alpha(opacity=100)'" onMouseOut="this.style.filter='alpha(opacit...
图片自动展示代码【V1】
AugustBlog的专栏
04-13 406
手机《有一说一》的著名主持人严守一，在去电视台主持节目时，把手机忘在了家里，这一个小小的失误却让他的妻子余文娟发现了他与一个陌生女子间的秘密，回想丈夫在电视上笑容满面，回到家却神情恍惚：外边滔滔不绝，对着她却一言不发，妻子似乎明白了一切。妻子就此提出离婚。戏剧学院台词课老师沈雪是严守一的新任女友，两人经过一段快乐时光后，沈雪发现严守一手机的响铃方式发生了很大的变化，过去严守一的手机是放在震铃上，现在改成了震动。这使沈雪产生了猜疑和嫉妒。从此，严守一对手机和日常的谈话再次产生了严重的恐惧。 不能说的秘密《有一
12款超酷图片展示JS代码(特效实例)
05-16
12款超酷图片展示JS代码、网页特效实例
幻灯图片特效代码
03-20
【幻灯图片特效代码】是一种常见的网页设计技术，用于在网站上展示动态的、具有过渡效果的图片轮播。这种特效通常使用JavaScript、CSS3或者专门的库如jQuery来实现，能够提升用户界面的视觉吸引力，同时有效地展示多...
jQuery懒加载点击加载图片特效代码
03-20
在本文中，我们将深入探讨jQuery懒加载点击加载图片特效代码，这是一种优化网页性能，提高用户体验的常见技术。懒加载（Lazy Loading）是一种延迟加载策略，主要用于处理图片、视频等资源，仅在用户滚动到可视区域时...
仿QQ空间装扮预览图片特效代码
03-20
【标题】"仿QQ空间装扮预览图片特效代码"涉及到的是网页开发中的图像展示和交互效果，特别是如何创建一个类似于QQ空间中用户装扮空间时所见即所得的预览功能。这种特效通常需要结合HTML、CSS以及JavaScript来实现，...
JS动态可控制左右滚动的图片特效代码
03-20
【标题】"JS动态可控制左右滚动的图片特效代码"涉及到的是JavaScript编程中关于图片滚动效果的实现。这种效果常用于网站的轮播图、广告展示等，为用户提供一种交互式的浏览体验。以下是对这个主题的详细解释： 一、...
带标签左右切换图片特效代码
03-20
【带标签左右切换图片特效代码】是一种常见的网页交互设计元素，用于展示一组图片，并通过标签进行导航，用户可以通过点击标签或者使用左右箭头来切换图片。这种特效在网站设计中非常常见，尤其适用于产品展示、图片...
超酷超绚精美图片展示效果代码
11-23
超酷超绚精美图片展示效果代码 超酷超绚精美图片展示效果代码
10款动感图片展示js代码
02-12
10款动感图片展示js代码 用javascript写的图片展示效果 很好看的哟
10款让你震撼的图片展示js代码
07-11
10款让你震撼的图片展示js代码---js代码
图片的列表展示
03-21
NULL 博文链接：https://eric-gao.iteye.com/blog/973384
java 任意形状_0行代码实现任意形状图片展示--android-anyshape
weixin_32349223的博客
02-16 195
前言在Android开发中， 我们经常会遇到一些场景， 需要以一些特殊的形状显示图片， 比如圆角矩形、圆形等等。关于如何绘制这类形状， 网上已经有很多的方案，比如自定义控件重写onDraw方法， 通过canvas的各种draw方法进行绘制等。那么， 更复杂的图形呢？比如，五角星？比如组合图形？又或者是各种奇奇怪怪的不规则图形呢？有同学会说， 如果已知不规则图形的具体形状， 那我们就可以通过连接顶点...
html超酷图片墙特效代码,超酷超绚精美图片展示效果代码(一)
weixin_35427210的博客
06-04 1237
超酷超绚精美图片展示效果代码(一)[ 发布者：未知┊来源：网页特效观止┊时间：2008-08-12┊浏览：人次 ]相关图片自己下载，所有的图片路径都是类似 http://www.jscode.cn/jscode/images/xxxxx.jpg 这样的形式超酷超绚精美图片展示效果代码(一) - 网页特效观止-网页特效代码|JsCode.CN|html {overflow: hidden;}body...
绝对震撼!10款动感图片展示js代码
08-08 858
JS是 Java Script 的简写，是用JAVA脚本写的代码。 　　比如说在做网站的时候，插入一段JS代码就可以调用JS代码里面的内容，就不一定要把这些代码写在网页文件里。下面这10款图片展示JS代码，网友可以下载来参考学习。（点击下面图片可以体验图片展示效果哦~~ ）   　下面推荐给大家的这10款图片展示代码可以说是各有亮点，视觉上给我们很强的冲力力。网友可以下载来玩玩！
几款让你震撼的图片展示js代码
limumu100的专栏
06-11 559
var imf = function () { var lf = 0; var instances = []; function getElementsByClass (object, tag, className) { var o = object.getElementsByTagName(tag); for ( var i = 0, n = o.length, ret = []; i
写一个Linux的切换图片特效代码
最新发布
06-07
以下是在Linux中使用feh工具实现图片切换特效的简单代码示例： ```bash #!/bin/bash # 定义一个数组来存储要切换的图片文件名 images=(image1.jpg image2.jpg image3.jpg) # 使用feh工具将图片设为桌面背景，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值