| 网站首页 | 模板 | 资料 | 源码 | 工具 | 开发 | 设计 | 安全 | 项目 | 网络 | 图片 | 系统 | 数据库 | 博客 | 会员中心 | 小说 | 
MYFTP 精品资料下载
网络学院
学习资料
源码模版
您现在的位置: 精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文 用户登录 新用户注册
利用css里expression来实现界面对象的批量控制            【字体:
利用css里expression来实现界面对象的批量控制
作者:佚名    文章来源:不详    点击数:    更新时间:2007-12-18

  问题说明: 用过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:
  <img src="a.jpg">

请将鼠标放在a.jpg上看看效果
文章录入:chqnet    责任编辑:chqnet 
  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    点击单选框就直接激活链接的
    CSS让网页中的内容自动换行的
    用css实现文字的自动隐藏
    在CSS样式表里使用JavaScrip
    CSS实现导航条图片的翻转菜单
    CSS样式表:链接好还是嵌入好
    CSS自动实现网页打印版本
    使用html表格和CSS进行混合网
    常用CSS缩写语法总结
    认清CSS的类class和标识id选
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)