位置: 编程技术 - 正文

Css利用js的expression实现的效果(js里写css)

编辑:rootadmin
IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。   给元素固有属性赋值   例如,你可以依照浏览器的大小来安置一个元素的位置。 #myDiv { position: absolute; width: px; height: px; left: expression(document.body.offsetWidth - + "px"); top: expression(document.body.offsetHeight - + "px"); background: red; }   给元素自定义属性赋值   例如,消除页面上的链接虚线框。 通常的做法是: <a href="link1.htm" onfocus="this.blur()">link1</a> <a href="link2.htm" onfocus="this.blur()">link2</a> <a href="link3.htm" onfocus="this.blur()">link3</a>   粗看或许还体现不出采用expression的优势,但如果你的页面上有几十甚至上百个链接,这时的你难道还会机械式地Ctrl+C,Ctrl+V么,何况两者一比较,哪个产生的冗余代码更多呢?   采用expression的做法如下: <style type="text/css"> a {star : expression(onfocus=this.blur)} </style> <a href="link1.htm">link1</a> <a href="link2.htm">link2</a> <a href="link3.htm">link3</a>   说明:里面的star就是自己任意定义的属性,你可以随自己喜好另外定义,接着包含在expression()里的语句就是JS脚本,在自定义属性与expression之间可别忘了还有一个引号,因为实质还是CSS,所以放在style标签内,而非s cript内。OK,这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意,如果触发的特效是CSS的属性变化,那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改,你可能想当然的会认为应该写为 <style type="text/css"> input {star : expression(onmouseover=this.style.backgroundColor="#FF"; onmouseout=this.style.backgroundColor="#FFFFFF")} </style> <style type="text/css"> input {star : expression(onmouseover=this.style.backgroundColor="#FF"; onmouseout=this.style.backgroundColor="#FFFFFF")} </style> <input type="text"> <input type="text"> <input type="text">   可结果却是出现脚本出错,正确的写法应该把CSS样式的定义写进函数内,如下所示: <style type="text/css"> input {star : expression(onmouseover=function() {this.style.backgroundColor="#FF"}, onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) } </style> <input type="text"> <input type="text"> <input type="text">   注意   不是非常需要,一般不建议使用expression,因为expression对浏览器资源要求比较高。 实例:利用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*/

推荐整理分享Css利用js的expression实现的效果(js里写css),希望有所帮助,仅作参考,欢迎阅读内容。

Css利用js的expression实现的效果(js里写css)

文章相关热门搜索词:js文件中写css代码,js引入css样式,css in js vue,js import css,js.css,css in js vue,js.css,js.css,内容如对您有帮助,希望把文章链接给更多的朋友!

常用CSS集合 /**//*按钮样式*/.ButtonCSS{}{font-family:"Tahoma","宋体";font-size:9pt;color:#;border:1px#solid;color:;BORDER-BOTTOM:#beepxsolid;BORDER-LEFT:#beepxsolid;BORDER-RIGHT:#9

教你如何用CSS来控制网页字体的显示样式 HTML对于<font>内容</font>卷标只有:<fontcolor=colorvaluesize=fontsizeface=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们

用CSS解决中英文混合字符串的截取省略问题的解决办法 作为一个程序员,经常需要面对的一个问题就是在新闻等信息的标题列表中,常常为了适应表格的宽度,需要对过长的标题文字的进行截取并在截取后

标签: js里写css

本文链接地址:https://www.jiuchutong.com/biancheng/371934.html 转载请保留说明!

上一篇:用好href的target属性(href中的?)

下一篇:常用CSS集合(css并集)

  • 一般纳税人暂未开具发票
  • 未实际处置资产损失税前扣除金额的分录?
  • 一般纳税人商品混凝土税率
  • 账面成本包含增值税吗
  • 金税四期对企业的六点影响
  • 不抵扣勾选怎么撤销
  • 付国外专利费用需办什么手续
  • 申报个税需要扣除公积金和社保吗
  • 电子发票丢失如何税前扣除
  • 存货转固定资产的时点
  • 劳务派遣公司代发工资需要开票吗
  • 出口零退税率是什么意思
  • 事业单位未取得工资
  • 土地增值税清算扣除项目
  • 建筑行业的收入是什么
  • 电子发票不小心删掉了怎么办
  • 大米加工厂加工技术培训总结
  • 接收虚开增值税专用发票要判刑吗
  • 建筑合同印花税在哪里交
  • 发票抬头是繁体字怎么办
  • 不征税发票报税怎么报
  • 收据做账税局认嘛
  • 小规模季度超过30万怎么填报增值税
  • 火车票抵扣进项税需要认证吗
  • 非同一控制下合并报表编制
  • 政府购买缴纳社保吗
  • 1000元的打印机双十一满减可以减150吗少
  • 环评费入账的会计分录是什么啊
  • 销售环节的运费怎么算
  • 农行k宝企业网银无法登录
  • 期间损益结转有余额
  • 什么样的企业是好企业,什么样的员工是好员工
  • PHP:oci_fetch_array()的用法_Oracle函数
  • php分页页码动态的实现
  • vue项目移动端怎么做适配
  • 财务人离职了怎么说
  • php中的数据类型有哪些?
  • 银行存放中央银行准备金的会计处理
  • 销售建材行业
  • 小规模纳税人季报需要报什么
  • python处理数据教程
  • 小企业会计准则没有以前年度损益调整科目
  • 灵活就业收入是填多好还是填少好
  • 帝国cms常见的英文
  • phpcms使用教程
  • mysql数据库基本操作
  • mysql备份导入
  • 非营利组织免征企业所得税的通知
  • 为什么费用报销先由主管部门审批在由财务审核
  • 计算企业所得税分录
  • 建筑企业开票都要交税吗
  • 长期股权投资大白话解释
  • 借款人和还款人不一致,收据打给谁
  • 财务报表没报会影响出口退税吗为什么
  • 工厂加工费如何计算
  • 营改增现代服务中合同能源管理服务
  • 转贴现占谁的授信
  • 实物出资没有发票怎么办
  • 利润相关计算公式是什么
  • 临时建筑房
  • 筹建期间取得的利息收入 企业所得税
  • 子公司向子公司销售存货
  • 在网上订机票怎么订
  • 财付通入帐中
  • mysql 备份和恢复
  • mysql5.6怎么用
  • 昂达主板插线安装图解
  • 怎么给文件夹设置密码保护
  • 苹果mac系统关机怎么关
  • win7系统开机黑屏自检
  • windows右键不能用了
  • w10系统如何
  • android项目总结
  • android开发地图应用
  • jquery $each
  • 轻松实现财富自由
  • 注销外经证需要身份证吗
  • 补充耕地指标费用能从储备中心支付吗
  • 济南市土地使用税申报表怎样作废
  • 税务怎么报停
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设