载入数据...
 
┋公 告 栏┋
载入数据...
┋最新文章┋
载入数据...
┋最新评论┋
载入数据...
┋最新留言┋
载入数据...
┋友情链接┋
┋博客登陆┋
┋博客信息┋
载入数据...

 
  博客中使用鼠标控制的移动图像

·博客指南 发表于 2006-6-23 9:54:00

将下面的程序插入到源码中:

<script language="JavaScript1.2">

//修改下面的显示宽度、高度、背景和速度
var sliderwidth=300

var sliderheight=150

var slidespeed=3

slidebgcolor="#EAEAEA"

//修改下面的图像地址和链接地址
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://#"><img src="http://www.zlce.net/web/tj/img/229.gif" border=1></a>'
leftrightslide[1]='<a href=""><img src="http://www.zlce.net/web/tj/img/229.gif" border=1></a>'
leftrightslide[2]='<a href="http://#"><img src="http://www.zlce.net/web/tj/img/229.gif" border=1></a>'
leftrightslide[3]='<a href="http://#"><img src="http://www.zlce.net/web/tj/img/229.gif" border=1></a>'
leftrightslide[4]='<a href="http://#"><img src="http://www.zlce.net/web/tj/img/229.gif" border=1></a>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

效果图:

·阅读全文 | 回复(120) | 引用通告 | 编辑

  ding
  thanks
  thanks
  thanks
  thanks
  thanks
  ding
  thanks
  ding
  ding
  thanks
  ding
  ding
  thanks
  ding
  ding
  thanks
  ding
  ding
  ding
  ding
  ding
  ding
  ding
  ding
  ding
  ding
  ding
  thanks
  ding
  thanks
  thanks
  ding
  thanks
  thanks
  thanks
  ding
  thanks
  thanks

·Hello(游客)发表评论于2008-9-22 14:24:00

為替 TOEFL

·个人主页 | 引用 | 返回 | 删除 | 回复

  thanks

发表评论:

    昵称:
    密码: (游客无须输入密码)
    主页:
    标题:
    载入数据...
 
 
Powered by Oblog.