位置: 编程技术 - 正文

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

  • 收到个人开票会计分录怎么做
  • 印花税需要计提吗?怎么做会计分录
  • 盈余公积计提比例必须是10%么
  • 股东不任职
  • 钱收多了退回去怎么说好
  • 城建税 申报表
  • 应付款多付了怎么处理
  • 凭发票还是结算票据
  • 银行开户登记号在哪看
  • 外资企业采购流程
  • 生产经营行业
  • 高速公路通行费电子发票怎么打印
  • 建筑企业预缴印花税会计分录
  • 未实现融资收益纳税调整
  • 垫付了医药费保险报销时怎么办
  • 销售商品确认收入的时间
  • 增值税专票过了3年能抵扣吗
  • 个体户国税异常怎么办
  • 公积金抵扣个税上限
  • 非汉语是什么意思
  • 以现金形式发放的员工餐费补贴,可并入职工福利费
  • 公司注销欠法人款怎么帐务处理?
  • 新准则 预提费用
  • 应补退所得税额是什么
  • 年末提取盈余公积的会计分录怎么写
  • 电脑取消共享文件夹
  • 车前草的功效与作用及禁忌症
  • thinkphp autoload 命名空间自定义 namespace
  • php如何防止xss攻击
  • 跨年发票可以到次年几月份
  • 企业年金税前扣除比例
  • vue组件继承并重写属性方法
  • php通信协议
  • php追加写入
  • 英国布莱顿霍夫怎么样
  • php 获取网页内容
  • 行人检测技术
  • php批量替换字符串
  • 企业所得税申报更正怎么操作
  • mysql中文乱码怎样用代码解决
  • 其他人员讲课费会计分录
  • 小型公司怎么做账
  • 新会计制度固定资产对应科目
  • 税控盘开票机号在哪里能查到
  • sql server 排名函数
  • 营业总收入包含什么
  • 工业企业新产品收入的调研报告
  • 别人借我的对公账户打钱
  • 新公司第一次报税需要准备什么
  • 发票已到材料未到会计分录
  • 旅行社增值税2020
  • 已认证抵扣的进项税额怎么填报表
  • 利息收入如何开票
  • 业务招待费能计入项目成本吗
  • 采购家具分批结算方式
  • 建筑企业案例
  • 简单的辞职报告
  • 修改mysql用户权限
  • win7清除usb插拔记录
  • 海尔笔记本最新款
  • win8 开机启动
  • 明日之后白树高地怎么钓凤尾鱼
  • 无需u盘安装系统
  • WIN10系统怎么分屏
  • mac app store更新软件一直输入密码
  • linux extern关键字
  • win8启动后的初始界面
  • win10预览版和正式版区别
  • linux时区问题
  • javascript解决了什么问题
  • 如何旋转图片30度
  • shell sed 空格
  • nodejs基础知识
  • 安卓监听事件
  • js下拉框怎么设置
  • JS与jQ读取xml文件的方法
  • 电子税务局辽宁省
  • 内蒙古国地税联合网厅
  • 济南市市中区二手房
  • 关于啤酒包装物押金,下列正确的是( )
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设