具体的你看看下面你能弄了吗
//淡入效果(含淡入到指定透明度)
function fadeIn(elem, speed, opacity){
/*
* 参数说明
* elem==>需要淡入的元素
* speed==>淡入速袜念度,正整数(可选)
* opacity==>淡入到指定的透明度,0~100(可选)
*/
speedspeed = speed || 20
opacityopacity = opacity || 100
//显示元素,并将元素值为0透明度(不可见)
elem.style.display = 'block'
iBase.SetOpacity(elem, 0)
//初始化透明度变化值为0
var val = 0
//循环将透明值以5递增,即淡入效果
(function(){
iBase.SetOpacity(elem, val)
val += 5
if (val <告蔽困= opacity) {
setTimeout(arguments.callee, speed)
}
})()
}
//淡出效果(含淡出到指定透明度)
function fadeOut(elem, speed, opacity){
/*
* 参数说明
* elem==>需要淡入的元素
* speed==>淡入速度,正整数(可选)
* opacity==>淡入到指定的透明度,0~100(可选)
*/
speedspeed = speed || 20
opacityopacity = opacity || 0
//初始化透明度变化值为0
var val = 100
//循环将透明值以5递减,即淡出效果
(function(){
iBase.SetOpacity(elem, val)
val -= 5
if (val >= opacity) {
setTimeout(arguments.callee, speed)
}else if (val <0) {
//元素透明度为0后隐并指藏元素
elem.style.display = 'none'
}
})()
}
微信小程序透明度 opacity 原创2017-05-23 11:28:29
5点赞
UFO00001
码龄7年
关注
wxml文件中 ：style="opacity:{{number}}"
number代表透明度的值 取值范围0—1 1代表不透明 0代表全透明薯雹
具体应用中可在js文件中写个方法对number根据用户动作进行动态设置
看文章 扫一亮手仔扫 领红包哦
文章知识点与官敬汪方知识档案匹配
小程序技能树page.json配置globalStyle全局样式配置
3393 人正在系统学习中
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）