Ben's Bloggings

作者Ben - benjamine65@hotmail.com: 在CSDN技术论坛注册ID为SVG(Ben), 喜好软件技术研究与分享

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]SVG的公告

<ul><span title="作者: Ben, Email:benjamine65@hotmail.com"><b>本Blog经签名文章全部出自原创, 转载请保留作者信息</b></span>  </ul>  <h3 style="color:blue">About Ben</h3><ul><div> <img style="border:1 solid black" width=176 src="http://blog.csdn.net/images/blog_csdn_net/svg/53527/o_ben.jpg"> <b>benjamine65@hotmail.com</b><br> <b>Website:</b><a href="http://www.me65.com" target=_blank>ME65 Engineering</a><br> <b>QQ: </b>8537605<br> <b>Mail:</b><br>realbenmail@yahoo.com.cn<br> <b>经历项目系统:</b><br> 新闻采编发,物流系统,MIS,EIP,订单处理系统,成本管理,物资管理<br> <b>兴趣与专长:</b><br> ASP.NET, XML, Web Service, 组件控件, WSS, Javascript, Sql Server, UML, CMM软件工程 & Java </div></ul>

[编辑]文章分类

[编辑]Power Link

IBM DeveloperWorks

ME65 Engineering

存档

利用css里expression来实现界面对象的批量控制收藏

By Ben

利用css里expression来实现界面对象的批量控制

问题说明:

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?

解决方法:

使用css的expression方法,

具体实现要看看.css的写法:

/*替换图片CSS*/
#imgScript { /*这里使用对象ID来通配样式, 也可以定义一个css函数*/
star:expression(

  onmouseover = function()
    {
        /*替换图片*/
      if(this.hover != null){
          this.name = this.src;
         this.src = this.src.replace('.jpg', '_over.jpg');
          this.HasChg = 1;
       }
   },
   onmouseout = function()
{
       /*还原本来的图片*/
    if(this.HasChg != null){
       this.src = this.name;
        this.HasChg = null;
    }

}

)

}/*end imgScript*/

应用样式的img:

请将鼠标放在a.jpg上看看效果

发表于 @ 2004年11月23日　15:48:00 | 评论( loading... ) | 编辑| 举报| 收藏