位置: 编程技术 - 正文

js和jQuery设置Opacity半透明 兼容IE6(js设置option)

编辑:rootadmin

推荐整理分享js和jQuery设置Opacity半透明 兼容IE6(js设置option),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js怎么用jquery,jsoup jquery,jquery 设置,js设置option,jquery.js,jquery 设置,jquery 设置,jsoup jquery,内容如对您有帮助,希望把文章链接给更多的朋友!

1.css设置透明度

透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的,IE使用滤镜filter的alpha属性,firefox和其它浏览器不支持滤镜,它们使用opactiy属性设置透明度,下面示例设置透明度为%:

IE:filter: alpha(opacity:);firefox:opacity(0.3);

2.使用js设置透明度

为了兼容IE与其他浏览器对透明度的设置,我们需要对以上两种样式分别进行设置。下面是一段示例代码:

3.jQuery设置透明度

js和jQuery设置Opacity半透明 兼容IE6(js设置option)

jQuery中对透明度的设置进行了整合,兼容IE和其他浏览器,修改opactiy属性值即可,值为小数,因此只需要设置一次即可。下面是一段示例代码:

由此可见,使用jQuery进行透明度设置,大大减少了代码编写的难度,同时可以很好地保证不同浏览器的兼容性,但是使用jQuery需要导入jQuery的库文件,在某些场合会给站点的访问速度造成影响,如果要求不是太高,我们也可以直接使用js实现我们需要的效果,下面给出一段使用js实现半透明效果的完整示例代码。

4.应用实例

该实例使用原生js实现一个div的淡入淡出效果;鼠标移入div区域,透明度为%,鼠标移出div区域透明度为%,同时用时间控制透明度转换效果;

window的onload函数指定了在页面加载的时候需要执行的方法,document.getElementById实现通过元素的id得到元素对象,然后通过得到对象的onmouseover绑定了鼠标移到指定层上面时对应需要执行的函数,该实例执行startMove(),鼠标移出层通过onmouseout绑定对应的执行函数,该实例执行startMove()。

startMove函数实现的功能是将指定元素的透明度设置为传入参数iTarget,范围需要在0-之间,并使用setInterval启动了一个定时器实现动画效果。

总结:说到底就两个属性,一个是这对火狐,谷歌这类浏览器的属性opacity(0.3)直接设置一个小数即可,另一个针对IE的属性filter: alpha(opacity:),都设置好即可,另外jQuery大大简化了相应的操作,如果网站上用到了jQuery的库,还是很推荐使用jQuery的方法的。

jquery html动态添加的元素绑定事件详解 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况:divid="testdiv"ul/ul/div假设我们要给ul动态添加的li绑定click事件形成如下结果divid="testdiv"u

Jquery元素追加和删除的实现方法 介绍DOM是DocumentObjectModeule的缩写,一般来说,DOM操作分成3个方面。1、DOMCoreDOMCore并不专属于javascript,任何一种支持DOM的程序设计语言都可以使用它,用

深入理解jquery中的事件与动画 1.鼠标事件eg:光棒效果$(function(){$('li').mouseover(function(){//鼠标移过时$(this).css('background','blue');}).mouseout(function(){//鼠标移过后$(this).css('background','');});});2.

标签: js设置option

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

上一篇:浅析jquery unbind()方法移除元素绑定的事件(浅析是什么意思)

下一篇:jquery html动态添加的元素绑定事件详解(jquery动态添加的元素怎么添加事件)

  • 印花税减免税优惠政策202
  • 购买固定资产的进项税可以抵扣吗
  • 即征即退的增值税属于政府补助
  • 代开了专票,但是销售额没有超过30万怎么处理
  • 税收分类编码不对发票可以用吗
  • 给员工购买意外险进项税能不能抵扣
  • 赠送的物业费需要交个税吗
  • 土地租赁合同要公证吗
  • 交易性金融资产入账价值怎么计算
  • 有限责任公司(自然人投资或控股)
  • 所有的进项税都在借方吗
  • 如何从百旺开票系统中导出开票明细
  • 如何区分餐费发票和停车费发票?
  • 技术转让所得一百万交多少税
  • 印花税所属期是7月到12月,可是税种认定是年,报不了
  • 物业收租金必须要发票吗
  • 所得税申报表中利润总额是怎样算出来的
  • 预付卡销售发票可以报销吗?
  • 农贸市场收取管理费
  • 应收账款周转次数计算方法
  • 电子发票怎么开具流程
  • 旅行社的综合服务费
  • 结转完工产品成本的公式
  • windows11禁止自动更新
  • win7桌面快捷键是什么
  • 税收返还的账务处理
  • 会计准则和会计法的关系
  • MacOS bigsur11.2连击缩放窗口功能怎么关闭或开启?
  • 项目投资总额是什么
  • 纳税人逾期申报
  • vue three.js
  • 缴纳租房押金会被骗吗
  • 房贷计算器搜房网
  • 关系抽取系统的要求
  • 序列标注技术应用
  • pytorch教程
  • 金融企业贷款损失税前扣除
  • 税控盘总是连接服务器失败
  • 金蝶k3固定资产如何入账
  • 工程发票需要备注吗
  • php fgetc
  • 内账收入和成本怎样做
  • 劳务费计入工资薪金总额吗
  • 永久性差异有哪些项目
  • 工程服务费税率是多少2023
  • 从厂家直接拿货需要什么条件
  • 无形资产摊销如何操作
  • 福利费发票可以抵扣进项税吗
  • 政府扶助资金
  • 当月没认证发票有补救措施吗
  • 什么叫摊销
  • 其他业务收入与其他业务成本的关系
  • sql server数据库怎么导出
  • 因windowssystem32
  • mac怎么用win系统
  • windows安装设置
  • redhat图形化界面启动
  • freebsd的软件多吗
  • win7电脑开机显示屏显示黑屏怎么办
  • 半自动化系统
  • win8远程桌面连接设置
  • ssh远程登录设置
  • win8系统怎样
  • win8怎么查ip地址查询
  • Unity3D游戏开发引擎
  • 日常办公常用的批处理脚本
  • jquery自定义组件
  • linux定时执行任务
  • js如何显示日期和时间
  • node.js怎么样
  • python元组和数组
  • django 软删除
  • Chrome调试技巧
  • javascript运用
  • javascript核心技术
  • android 改变view位置
  • 天津租房网个人房源出租
  • 婚前买房婚后个人还贷卖房怎么签字
  • 地税占税收的比例多少
  • 无锡市国家税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设