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

zhangpanq

zhangpanq

2016-02-19 23:11

今天图老师小编给大家介绍下css里expression实现界面对象的批量控制,平时喜欢css里expression实现界面对象的批量控制的朋友赶紧收藏起来吧!记得点赞哦~

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

      用过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"

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

Web开发
css里expression实现界面对象的批量控制

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

Html CSS布局 Div+CSS XHTML
利用css里expression来实现界面对象的批量控制

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS Expression讲解

Web开发
CSS Expression讲解

Authorware内部控件和函数实现音量控制

设计软件 平面设计软件 广告设计软件
Authorware内部控件和函数实现音量控制

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS中的行为——expression

Web开发
CSS中的行为——expression

CSS中expression使用简介

Web开发
CSS中expression使用简介

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

QQ电脑管家软件卸载的使用

QQ电脑管家软件卸载的使用

伤感好友印象图案设计

伤感好友印象图案设计
下拉加载更多内容 ↓