位置: 编程技术 - 正文

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并集)

  • 增值税一般纳税人税率
  • 待抵扣税金怎么算
  • 土地增值税暂行条例实施细则 税屋
  • 工商年报纳税总额包括哪些税
  • 金税四期记账报税流程
  • 发票上的不含税单价怎么算的
  • 小规模纳税人租金发票开几个点
  • 会计分录借贷符号
  • 发票开错但已勾选还需要认证吗
  • 返利平台可信吗
  • 印花税的征税对象包括
  • 溢价或者折价购买债券的会计处理.
  • 拿租金抵押金如何做账?
  • 车辆保险费包括
  • 收到上个月支付的短信
  • 本月无销项只有进项申报表如何填写
  • 公司税务注销了还有风险吗
  • 土地使用税的计算公式举例子
  • 税收分类编码格式
  • 即征即退收入是否计入所得税
  • 房企行业其他应收账款的来源是什么
  • 工程结算收入要交税吗
  • 房地产企业开发资质等级
  • 应纳个税的工资怎么计算
  • 自有房屋的装修费计入长期待摊
  • 产品的销售收入减去全部生产成本叫
  • 如何查看windows10
  • 如何冲减其他应付款又不影响银行存款
  • 反映企业在一定会计期间经营成果的会计报表
  • 物业公司营业成本包括哪些
  • 成品油的消费税可以抵扣吗
  • php数组函数输出《咏雪》里有多少"片"字
  • php-xml
  • 存货捐赠视同销售的会计分录怎么做?
  • php关键字描红
  • php静态方法可以被继承吗
  • rename批处理重名
  • 应付职工薪酬中社保费怎么记账
  • 银行承兑汇票贴现分录
  • 退伍军人企业所得税优惠
  • SQL Server 2016 TempDb里的显著提升
  • 任意盈余公积金怎么计算
  • 企业亏损了
  • 企业所得税期间费用明细表
  • SQLServer 2008 CDC功能实现数据变更捕获脚本
  • 库存现金月末是怎么样结账的
  • 应交税费的账务处理一般纳税人
  • 怎么处理部分股票流出
  • 购买的车位是否要交税
  • 电子设备计税基础
  • 研究费用记入什么费用
  • 订单式生产的企业有哪些
  • 收据可以纳税吗
  • 税控盘年费每年都可以抵扣吗
  • 商贸企业涉税问题
  • 增值税相关的问题
  • 微信支付宝收入支出怎么做流水账
  • mysql数据查询语句
  • win10系统怎么看驱动
  • freebsd怎么样
  • 控制面板中的添加和删除在哪里
  • linux acl设置
  • yum providers命令
  • WIN7系统电脑对话框跟鼠标走怎样设置
  • win8怎么禁止更新
  • win7如何设置语言输入
  • linux删错文件
  • unityfs 加密反编译
  • 举例说明如何为教学搭建支架
  • node.js获取文件信息的方法是什么
  • Android shape画圆
  • linux怎么查看tomcat位置
  • android floatbutton
  • linux磁盘空间满了怎么办,硬盘空间还有很多
  • js中的类是什么
  • 代建工程如何缴纳增值税
  • 资本结构不合理的公司有哪些
  • 陕西省机构改革方案获批
  • 厨房申购单怎么写
  • 房屋赠与给子女要交多少税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设