HTML5中实现滑动条调节div透明度
来源:互联网 发布:飓风营救 知乎 编辑:程序博客网 时间:2024/05/18 16:15
@实现通过调节滑动条来控制div透明度的值,首先是滑动条控件的使用,滑动条值改变的触发事件,获取滑动条的值,改变div透明度的值等。
HTML5滑动条控件
实际上是type=range的input标签:
type
max:滑动条的最大值
min:滑动条的最小值
value:当前的值(开始的默认值)
step:滑动中的增幅,步长
onChange:滑动控件值改变的触发事件,触发后面的函数,里面的参数this.value可以传入这个控件的当前值
div的透明度设置
div的透明度属性为opacity:
#bg{height:300px;width:500px;background-color:#60F;opacity:0.5;}
动态控制div透明度
var bg = document.getElementByIdx_x('bg');function changeBg(value){bg.innerHTML= value.toString();bg.style.opacity = value;}
1 0
- HTML5中实现滑动条调节div透明度
- cocos 滑动条调节音量
- js实现div层跟着滚动条滑动
- Jquery实现自定义滚动条,DIV滑动效果
- HTML5新控件 - 滑动条
- CSS实现背景透明度调节,兼容所有浏览器
- ScrollView滑动实现标题栏透明度随之渐变
- 滚动视图上滑动改变导航条颜色和透明度
- 调节Unity3D GuiTexture 透明度
- SeekBar调节图片透明度
- cocos2dx滑动条实现
- MFC 滑动条实现
- 滑动索引条实现
- opencv:通过滑动条调节亮度和对比度
- List 中滑动条
- 关于HTML中div从display:none到display:block透明度渐增显示的实现
- 仿今日头条亮度调节,字体调节(自定义视图),很好的滑动选择器
- DIV实现滚动条
- oracle解锁表
- 使用过的CSS小技巧笔记
- Web报表工具FineReport中JavaScript的使用
- HTML5与JQuery混合应用:选座功能逻辑简单实现
- 对Object,Array,RegExp,Function类型的总结
- HTML5中实现滑动条调节div透明度
- HTML5表单中password输入框的文字显示与隐藏实现
- 九度题目1015还是A+B
- CSS3:nth-child()伪类选择器…
- MVVM 介绍----朱宏旭
- Xcode工程调试报错问题整理
- 开发命令
- Xcode-工程添加预编译头文件Prefix.pch
- 【IOS沉思录】IOS开发键盘显示、隐藏事件实现输入框调整防止键盘遮挡