CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
IBM Rational 系统开发最佳实践工具包 WebSphere MQ 最佳实践 TOP 15
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  多媒体/设计/Flash开发 >  网页设计(Dreamweaver等)

一些大网站两侧随滚动条下拉的小四方图片,是如何作出的?

楼主lhls(爱丽强)2004-04-04 18:21:25 在 多媒体/设计/Flash开发 / 网页设计(Dreamweaver等) 提问

一些大网站两侧随滚动条下拉的小四方图片,是如何作出的?用插件吗?用的话,哪有? 问题点数:0、回复次数:3Top

1 楼jierry007(风起云涌)回复于 2004-04-04 19:02:04 得分 0

javascript做的Top

2 楼dolphin77(啥子都不晓得,还找工作哦)回复于 2004-04-04 21:04:28 得分 0

层Top

3 楼dmh1177(小白龙)回复于 2004-04-04 22:11:08 得分 0

是用javascript实现的  
   
  首先新建一个文件名字随便取,但是扩展名得是.js  
   
  然后把下面的代码复制进去并保存(需要改的地方有中文注释,改完把中文去掉)  
  var   imgheight  
  document.ns   =   navigator.appName   ==   "Netscape"  
  window.screen.width>800   ?   imgheight=100:imgheight=100  
    function   myload()  
  {  
  if   (navigator.appName   ==   "Netscape")  
  {document.dangdang.pageY=pageYOffset+window.innerHeight-imgheight;  
  document.dangdang.pageX=+window.innerWidth-120;  
  mymove();  
  }  
  else  
  {  
  dangdang.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;  
  dangdang.style.left=document.body.offsetWidth-120;  
  mymove();  
  }  
  }  
    function   mymove()  
    {  
    if(document.ns)  
    {  
    document.dangdang.top=pageYOffset+window.innerHeight-imgheight;  
    document.dangdang.left=pageXOffset+window.innerWidth-120;  
    setTimeout("mymove();",80)  
    }  
    else  
    {  
    dangdang.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;  
    dangdang.style.left=document.body.scrollLeft+document.body.offsetWidth-120;  
    setTimeout("mymove();",80)  
    }  
    }  
   
  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;   onresize=MM_reloadPage;   }}  
      else   if   (innerWidth!=document.MM_pgW   ||   innerHeight!=document.MM_pgH)   location.reload();  
  }  
  MM_reloadPage(true)  
   
   
   
   
  if   (navigator.appName   ==   "Netscape")  
  {document.write("<layer   id=dangdang   top=300   width=80   height=88>把这个连接该成自己的<a   href=../html/index.htm   target=_blank>把这个图片路径改成自己的<img   src=../html/love.GIF   border='0'   width=80   height=80></a></layer>");  
  myload()}  
  else  
  {  
  document.write("<div   id=dangdang   style='position:   absolute;width:80;top:0;left:578;visibility:   visible;z-index:   1'>把这个连接该成自己的<a   href=../html/index.htm   target=_blank>把这个图片路径改成自己的<img   src=../html/love.GIF   border=0   width=80   height=80></a></div>");  
  myload()  
  }  
  然后在你的网页的<body>之间写入下面的一段代码  
  <script   src=这个地方写上你刚才新建的文件的路径和名称></script>Top

相关问题

  • 图片循环滚动!
  • 图片循环滚动!
  • 图片滚动问题?
  • 如何用 滚动条实现 图片的滚动!
  • 关于显示图片的滚动条??
  • 求一段图片滚动特效
  • 横向滚动图片问题
  • 图片循环滚动效果
  • 有关滚动图片的问题
  • 广告图片随滚动条移动

关键词

  • 网站
  • 网站两侧随滚动条
  • 下拉的小四方图片
  • 是如何作出

得分解答快速导航

  • 帖主:lhls

相关链接

  • CSDN Blog
  • 技术文档
  • 代码下载
  • 第二书店
  • 读书频道

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo