JS功能代码集锦
2019/6/27 22:27:16
本文主要是介绍JS功能代码集锦,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.模仿fade in(),fade out().
原理:setInterval ( "opacity++透明度“函数,时间间隔)
var alpha = 0; function play(){ timer = setInterval(function(){ alpha += 2; alpha > 100 && (alpha = 100); aImg[index].style.opacity = alpha / 100; aImg[index].style.filter = "alpha(opacity = " + alpha/100 + ")"; alpha == 100 && clearInterval(timer); },40) }
2.获取和设置元素对象的属性值:
关键点:obj.currentStyle[attr] ; getComputedStyle(obj,null)[attr] ;
function css(obj,attr,val) { switch(arguments.length) { case 2: if(typeof arguments[1] == "string"){ return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr]; }else{ for(var i in attr) { obj.style[i] = attr[i]; } } break; case 3: obj.style[attr] = val; break; default: alert("错误参数"); } }
以上所述是小编给大家介绍的JS功能代码集锦的相关内容,希望对大家有所帮助!
这篇关于JS功能代码集锦的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist