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

转载 2007年10月11日 14:51:00

问题说明: 用过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 id=imgScript  src="a.jpg">
 
请将鼠标放在a.jpg上看看效果

CSS expression属性实现javascript与CSS完美结合

本文向大家描述一下CSS expression属性如何将javascript与CSS结合起来,CSS中使用expression可以把CSS属性和Javas cript表达式关联起来,也就是说CSS属性...
  • gigizhui
  • gigizhui
  • 2015年09月16日 09:58
  • 427

SoCompressor-JS与CSS本地批量压缩、混淆、美化、格式化GUI工具.

前一段时间再写web时自己写了好几个JS文件用于前后台展示与交互,在后来要压缩js时发现基本都是带命令行的压缩工具,而且不能批量处理,在线压缩压缩完毕之后得一个个下,最可悲的是还需要自己重命名文件并且...
  • tp7309
  • tp7309
  • 2013年07月03日 12:19
  • 3569

Expression Blend实例中文教程(2) - 界面快速入门

上一篇主要介绍Expression系列产品,另外概述了Blend的强大功能,本篇将用Blend 3创建一个新Silverlight项目,通过创建的过程,对Blend进行快速入门学习。   在开始使...
  • dong413876225
  • dong413876225
  • 2014年03月13日 10:17
  • 992

HTML布局之计算器(div+css)

纯布局, 没有功能实现, 代码多但是不难, 可以作为参考. 代码示例: html(div)代码: 计算器 ...
  • anig2014
  • anig2014
  • 2015年04月07日 11:01
  • 2559

CSS 实现 系统登录界面 (二)

登录完成之后是跳转到欢迎界面。比较常见的管理系统的欢迎界面分为导航栏区、左下侧的菜单栏区和右下侧的窗口区。 1.导航栏的颜色 通过 navbar navbar-inverse 实现颜色反转。 ...
  • u013630349
  • u013630349
  • 2016年08月11日 20:59
  • 987

简易session购物车开发

简易session购物车开发要求:(1)保证中文的正常显示(2)表单提交以后,可以专门用一个jsp处理,然后再回退到操作界面(需要一定的时间延迟刷新,保证用户能感受到页面的变化)。(3)购物车数据通过...
  • qq_40197828
  • qq_40197828
  • 2017年11月03日 18:54
  • 309

WEB入门三 CSS样式表基础

学习内容Ø        CSS的基本语法Ø        CSS选择器Ø        常见的CSS样式Ø        网页中3种使用CSS的方式能力目标Ø        理解CSS的作用Ø   ...
  • zhangchen124
  • zhangchen124
  • 2017年02月14日 14:02
  • 879

CSS模块化(二) CSS的面向对象思想

在CSS中其实也有面向对象里的三大思想,封装,继承,多态
  • hacke2
  • hacke2
  • 2014年03月21日 18:33
  • 5242

对div+css复习巩固 —心得(简单的用户登录界面)

1.起初用最简单的div+css 对于界面的排版以及调色显得有点呆板,很low,太传统与常规化,简单的对齐与字体居中,界面太缺乏 创意与艺术色彩。 2.寒假学习了bootstrap基本的视频 ...
  • zxy9602
  • zxy9602
  • 2016年04月18日 21:31
  • 725

expression将JS、Css结合起来

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一...
  • zhxh0376
  • zhxh0376
  • 2013年01月15日 11:49
  • 253
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用css里expression来实现界面对象的批量控制
举报原因:
原因补充:

(最多只允许输入30个字)