hujingjian 发表于 2007-4-27 12:01:36

***页面特效***有点类似于上两例的导航窗

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步:把如下代码加入到<body>区域中 

<script>
<!--
var message = new array()
message="细溪驿站"
message="这是是javascript"
message="大量的javascript特效脚本"
message="提供给您"

var messageurl = new array()
messageurl="http://www.jojoo.net"
messageurl=""
messageurl=""
messageurl=""

var target_url="_blank"
   
var textwidth=280
var textheight=100
var borderwidth=2


var font_size=4
var font_face="宋体"
var font_color="green"
var bg_ticker="lightblue"


var x_finalpos=10
var y_finalpos=10


var x_slices=12


var pause=2000


var i_loop=0
var i_message=0
var width_slice=math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var i_clipright=1
var content=""

function initiate() {
    content+="<table border="+borderwidth+" cellpadding='3' width="+textwidth+"

height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align='center'>"
    content+="<a href="+messageurl+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message
    content+="</font></a></td></tr></table>"
    if (document.all) {
      for (i=0;i<=x_slices;i++) {
            var thisinners=eval("s"+i)
            thisinners.innerhtml=content
            var thiss=eval("document.all.s"+i+".style")
            thiss.posleft=x_finalpos
            thiss.postop=y_finalpos
      }
      i_message++
      openlamellar()
    }
    if (document.layers) {
      for (i=0;i<=x_slices;i++) {
            var thisinners=eval("document.s"+i+".document")
            thisinners.write(content)
            thisinners.close()
            var thiss=eval("document.s"+i)
            thiss.left=x_finalpos
            thiss.top=y_finalpos
      }
      i_message++
      openlamellarnn()
    }
}

function openlamellar() {
    clipleft=-width_slice
    clipright=0
    if (i_clipright<=width_slice) {
      for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")

            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
      }
    i_clipright++
    var timer=settimeout("openlamellar()",20)
   }
       else {
      cleartimeout(timer)
      var timer=settimeout("closelamellar()",2000)
    }
}

function openlamellarnn() {
    clipleft=-width_slice
    clipright=0
    if (i_clipright<=width_slice) {
      for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
            thiss.clip.left=clipleft
            thiss.clip.right=clipright
            thiss.clip.top=cliptop
            thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
      }
    i_clipright++
    var timer=settimeout("openlamellarnn()",20)
   }
       else {
      cleartimeout(timer)
      var timer=settimeout("closelamellarnn()",2000)
    }
}

function closelamellar() {
    clipleft=-width_slice
    clipright=0
    if (i_clipright>=0) {
      for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
      }
    i_clipright--
    var timer=settimeout("closelamellar()",20)
   
   }
       else {
      cleartimeout(timer)
      var timer=settimeout("changeimage()",2000)
    }
}

function closelamellarnn() {
    clipleft=-width_slice
    clipright=0
    if (i_clipright>=0) {
      for (i=0;i<=x_slices;i++) {
               var thiss=eval("document.s"+i)
            thiss.clip.left=clipleft
            thiss.clip.right=clipright
            thiss.clip.top=cliptop
            thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
      }
    i_clipright--
    var timer=settimeout("closelamellarnn()",20)
   
   }
       else {
      cleartimeout(timer)
      var timer=settimeout("changeimagenn()",2000)
    }
}

function changeimage() {
    content=""
    if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='3' width="+textwidth+"

height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align='center'>"
    content+="<a href="+message+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message
    content+="</font></a></td></tr></table>"
    for (i=0;i<=x_slices-1;i++) {
      var thisinners=eval("s"+i)
      thisinners.innerhtml=content   
    }
    i_message++
    openlamellar()
}

function changeimagenn() {
    content=""
    if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='3' width="+textwidth+"

height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align='center'>"
    content+="<a href="+message+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message
    content+="</font></a></td></tr></table>"
    for (i=0;i<=x_slices-1;i++) {
      var thisinners=eval("document.s"+i+".document")
      thisinners.write(content)
      thisinners.close()
    }
    i_message++
    openlamellarnn()
}

//-->
</script>
<style>
.s {
    position:absolute;
    left:-5000px;
    topt:-5000px;
}
a {
    text-decoration:none;
}

</style>
<script>
<!--
    for (i=0;i<=x_slices;i++) {
      document.write("<span id='s"+i+"' class='s'></span>")
    }
//-->
</script>


第二步:把“onload="initiate()"”加在<body>标记里
例如:<body onload="initiate()">
      










--------------------------------------

http://www.huoyue.com.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不到的收获,还可以免费为您开论坛,让您免费拥有与朋友、网友交流的论坛。你是年轻人吗?你活跃你就上!
页: [1]
查看完整版本: ***页面特效***有点类似于上两例的导航窗