JS運動改變單物體透明度實現方法
來源:懂視網
責編:小采
時間:2020-11-27 20:05:02
JS運動改變單物體透明度實現方法
JS運動改變單物體透明度實現方法:本文主要介紹了JS運動改變單物體透明度的方法,結合實例形式分析了頁面元素屬性動態修改相關操作技巧,需要的朋友可以參考下,希望能幫助到大家除了通過改變物體的 寬,高,letf,top位置或者是運動方向來實現物體運動效果之外,改變物體的透明度,也是運動特效
導讀JS運動改變單物體透明度實現方法:本文主要介紹了JS運動改變單物體透明度的方法,結合實例形式分析了頁面元素屬性動態修改相關操作技巧,需要的朋友可以參考下,希望能幫助到大家除了通過改變物體的 寬,高,letf,top位置或者是運動方向來實現物體運動效果之外,改變物體的透明度,也是運動特效

本文主要介紹了JS運動改變單物體透明度的方法,結合實例形式分析了頁面元素屬性動態修改相關操作技巧,需要的朋友可以參考下,希望能幫助到大家
除了通過改變物體的 寬,高,letf,top位置或者是運動方向來實現物體運動效果之外,改變物體的透明度,也是運動特效
但是在js中只有offsetLeft/Top ,offsetWidth/Height,這四個方法,并沒有offsetAlpha這個方法。
問:那么我們怎么來 獲取當前物體的透明度那??
我們可以自己定義一個變量 var alpha = 30;通過判斷這個變量 是否和目標值是否相等,來繼續我們下一步的操作;
當alpha 等目標值得時候,清楚定時器,否則就改變透明度的值alpha
完整的代碼如下:
css樣式部分:
<style>
#p1{
width: 100px;height: 100px;
background: green;
opacity:0.3;
filter:alpha(opacity:30);/*兼容低版本IE*/
}
</style>
js部分:
相關推薦;
css怎么設置透明度
使用JQUERY實現可變透明度返回頂部效果
實現CSS3不透明度完整代碼
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JS運動改變單物體透明度實現方法
JS運動改變單物體透明度實現方法:本文主要介紹了JS運動改變單物體透明度的方法,結合實例形式分析了頁面元素屬性動態修改相關操作技巧,需要的朋友可以參考下,希望能幫助到大家除了通過改變物體的 寬,高,letf,top位置或者是運動方向來實現物體運動效果之外,改變物體的透明度,也是運動特效