位置: 编程技术 - 正文

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动态添加的元素怎么添加事件)

  • 车购税怎么计算
  • 资源税改革是什么意思
  • 研发费用加计扣除是什么意思啊
  • 会计运费怎么算的
  • 合同取得成本属于
  • 平台收取的佣金开具什么发票
  • 固定资产投资子公司交增值税税吗
  • 资产负债表的累计折旧期末数怎么填
  • 租车属于经营租赁吗
  • 投标报名费开什么类别发票
  • 小规模无进项怎么补税
  • 水利基金和印花税会计分录
  • 国税 增值税
  • 应交税费明细表填制
  • 已认证的进项税发票要退回,怎么操作
  • 小企业周转材料包括什么
  • 房地产企业预收账款结转收入
  • 损益类账户的会计要素有哪些
  • 电子缴税付款凭证怎么做账
  • 如何确认增值税纳税义务发生时间
  • 公司司机出车补贴
  • 劳务派遣差额征税5%
  • 预缴税款的税率
  • 营改增开始试点到普及的行业
  • 停车场增加收入
  • 金税盘全额抵扣分录
  • 零售超豪华小汽车交消费税吗
  • 期末未分配利润大于期初未分配利润+期末净利润
  • 简易征收销项税额咋做账
  • 新办企业税务办理
  • 临时文件夹在哪个位置
  • 苹果的mac系统
  • win11多任务怎么用
  • 员工没有工资卡可以转到一个人的账户上发工资不
  • word2013压缩图片
  • mac双系统切换键
  • windows11永久解决蓝屏
  • 累计折旧额怎么计算公式
  • 项目优化管理工具
  • 货运业增值税税率
  • php常见的错误级别
  • 处置可供出售金融资产原先进入公允价值变动损益
  • 不发放工资怎么办
  • 城市公交网
  • Css中的color属性用于设置html元素的背景颜色
  • php邮箱smtp发信源码
  • mysqldump命令不存在
  • 公司注册资金减资要交税吗
  • 代发工资范围
  • java处理字符串公式运算
  • 交通费中的高速费指什么
  • 如何做固定资产的台账
  • 企业负担的社保费会计分录
  • 应付票据转应付账款会计分录
  • 金蝶财务软件固定资产
  • 生产过程中的不良品怎么处理
  • 收到代理服务费怎么做分录呢
  • 企业经营情况怎么写版本
  • 清华同方笔记本无线网络开关在哪
  • win7无法安装谷歌
  • win8 开机
  • winxp中网桥Bridge功能概述及配置注意事项
  • win8的ie浏览器在哪里
  • 如何解决叛逆心理
  • linux网络优化
  • win7 开机动画
  • js布尔类型用法
  • opengl clamp
  • node.js jquery
  • perl实例
  • Node.js中的事件循环是什么样的
  • jquery 列表实现
  • shell bash sh
  • 手机糖果游戏娱乐
  • javascript类定义
  • android打包v1v2
  • 如何打印个人缴税记录
  • 增值税纳税申报操作流程和内容
  • 国家税务总局令16号公告
  • 经营碎石的税点多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设