css里expression实现界面对象的批量控制 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

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

网页教学网 2007/12/12 22:15:27 深山行者字体:大中小浏览 5731

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

前一页:总结一些DIV+CSS制作网页时容易犯的错误

后一页:CSS中word-wrap属性同word-break属性的两者在中英文混排时的区别

相关阅读: 深山行者留言系统V3.2; pywinauto技术文档; AJAX弹出提示信息效果与lightbox效果一样; 一个效果非常不错图片载入loading等待效果; 深山行者留言系统V2.2 .1 更新下载; python+appium自动化测试-滑动; 了解html基础知识之html标签集合; js中innerHTML，innerText，outerHTML的用法与区别

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: asp怎么得到像论坛一样的第几楼分页; 深山留言板V2.1 Build 090620; CSS语法在DW中无效的解决方法; 2010滚动条样式大全最新收集; NameError: name ‘xxx‘ is not defined问题总结; 非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷

更多标签热门标签

加长字节数超出添加柱状深山行者V1.2旅行社网站管理系统 ctrl 日期 alert web2.0 深山行者增大后台 ewebeditor media 翻滚旅游随机导航 onmouserout 青春文件大小创建绝对定位参数静态宽版权声明 display div的高度设置弹出 ie6 站长对话框 SEO 文件 Word 加减复制 msn ul 安装包 DIV CSS做的透明菜单兼容IE、FF等插件 email 生成盖楼 Abandon 焦点