电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
DHTML学习(七)
DHTML学习(七)
2005-12-30 19:13:58  文/45IT收集   出处:电脑软硬件应用网   

改变 Clip 值的通用子程序

clipTo() 让你能重新 Clip 一个 Layer 到给定的值

  function clipTo(obj,t,r,b,l) {
    if (ns4) {
 obj.clip.top = t
 obj.clip.right = r
 obj.clip.bottom = b
 obj.clip.left = l
    }
    else if (ie4) obj.clip = "rect("+t+"px "+r+"px "+b+"px "+l+"px)"
  }

调用时, 你要给出 Layer 的名字和四个边的 Clip 的值, 比如

  clipTo(block,0,100,100,0)

clipBy() 子程序:

clipBy() 可以让你相对于当前的 Clip 区域增减 Clip 的四个边

  function clipBy(obj,t,r,b,l) {
    if (ns4) {
 obj.clip.top = clipValues(obj,'t') + t
 obj.clip.right = clipValues(obj,'r') + r
 obj.clip.bottom = clipValues(obj,'b') + b
 obj.clip.left = clipValues(obj,'l') + l
    }
    else if (ie4) 
 obj.clip = "rect("+(this.clipValues(obj,'t')+t)+
 "px "+(this.clipValues(obj,'r')+r)+"px "
 +Number(this.clipValues(obj,'b')+b)+"px "
 +Number(this.clipValues(obj,'l')+l)+"px)"
  }

比如你想稍微增大 right 和 bottom 边的值, 你可以

  clipBy(block,0,10,5,0)

动画 Clipping (Wiping)

所谓 wiping 就是连续相对改变 clipping 区域,实际效果就变成动画效果.请看下例:

  function wipe1() {
    clipBy(block,0,5,0,0)
    setTimeout("wipe1()",30)
  }

我们还得加上个条件来停止 wiping, 
  function wipe1() {
    if (clipValues(block,'r')<300) {
 clipBy(block,0,5,0,0)
 setTimeout("wipe1()",30)
    }
  }

 
服务器租用、托管;域名注册;虚拟主机
江湖、聊天室租用;程序开发,网站建设
欢迎咨询http://nicchina.com/
QQ:30196310

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    详解HTML页面播放视频元素param的属…
    HTML教程:几个不常用的HTML标记使用…
    HTML教程:marquee标签实现滚动效果
    网页设计师要知道的30条HTML代码编写…
    语义化的HTML结构到底有何好处
    不常用的HTML标签Fieldset
    一些HTML表格的使用高级语法
    网页优化的最基础部分:HTML的优化
    10大HTML标签常犯的错误
    HTML、XHTML和XML的比较
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号