消息不會消失在頁面的刷新，同時學習jQuery的

-3

下面是我想淡入
和jQuery代碼在上面的DIV消息不會消失在頁面的刷新，同時學習jQuery的

$(document).ready(function() { 
 
    $('#message').fadeIn('fast'); 
 
});

<html> 
 

 
<head> 
 
    <title>Band Site| Home</title> 
 
    <link rel="stylesheet" href="band.css"> 
 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
</head> 
 

 
<body> 
 
    <div id="message" style="display:none;">welcome to my website</div> 
 

 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script type="text/javascript" src="js/init.js"></script> 
 
</body> 
 

 
</html>

褪色的文字DIV的HTML

來源

2017-04-18 sultan

是否顯示'＃message'元素？ – Rayon

它完全褪色嗎？如果沒有，控制檯中是否有jQuery錯誤？ – Stender

打開控制檯並閱讀您的錯誤。（正如你可以看到你的代碼應該工作） –

我覺得速度太快了。 :) 試試這樣說：

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Band Site| Home</title> 
 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
</head> 
 

 
<body> 
 
<div id="message" style="display:none;">welcome to my website</div> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     $('#message').fadeIn(3000); 
 
    }); 
 
</script> 
 
</body> 
 

 
</html>

我已經刪除band.css（因爲我沒有那個文件），我已經把jQuery代碼直接進入<script>標記，以便一切都在一個地方。

來源

2017-04-18 11:59:57 boroboris

它仍然不起作用。 – sultan

-1

你的代碼工作得很好。而不是增加'快速'使用一段時間。

HTML

<div id="message" style="display:none;">welcome to my website</div>

jQuery的

$(document).ready(function() { 
    $('#message').fadeIn('8000'); 
});

Fiddle

來源

2017-04-18 12:02:47 shishir

它仍然不起作用。 – sultan

消息不會消失在頁面的刷新，同時學習jQuery的

回答

相關問題