主頁中的onload事件
[英]onload event in home page
問題描述
我的主頁中的div中有一些文本，我希望該文本應顯示為淺色背景（不透明度較低），並且div的寬度應為50％，並在頁面加載后2秒后加載。 我嘗試使用javascript，但無法正常工作。 在我的css文件中“ transition：width 2s;”
var slider = document.getElementById("splasher");
function splasher(){
slider.style.width="50%";
}
我把加載放在div
onload ="splasher();"
任何幫助
3 個解決方案
解決方案1
1 已采納 2017-01-04 20:14:15
您需要類似以下內容的東西。 最初，我們等待DOM加載。 然后我們為啟動器設置一個超時時間。
document.addEventListener("DOMContentLoaded", function(){ var slider = document.getElementById("splasher"); function splasher(){ slider.style.width="50%"; slider.style.opacity = 0.5; slider.style.display = 'block'; } setTimeout(splasher, 2000); })
<h4>Slider Demo</h4> <div id="splasher" style="display:none;">Slider</div>
解決方案2
0 2017-01-04 20:12:04
您的滑塊可能尚未渲染。 也放入內部onload 。
<body onload="loaded()">
function loaded() {
var slider = document.getElementById("splasher");
function splasher(){
slider.style.width="50%";
}
}
解決方案3
0 2017-01-04 20:19:03
您需要確保在加載元素之前不運行var slider=...行。
Cookie onload事件頁面重定向
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.