我在jQuery中使用fadeTo()函数遇到麻烦。一开始它对我都有效,但是由于某些未知原因,现在它停止了工作。在这里,我向您介绍网页代码。如果您能帮助我,我将不胜感激。
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/subscribe.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script>
$(document).ready(function(){
subscribe = function(){
$('#subscribe').fadeTo(500,1);
};
});
</script>
</head>
<body style="background:#fff;">
<a href="#" id="plus" onClick="subscribe();">+</a>
<div id="subscribe" style="opacity:0;"><?php include('subscribe.php'); ?></div>
<!--<video id="bgvid" width="100%" height="100%" style="position:absolute;opacity:1;" autoplay loop muted>
<source src="css/7dayz.mp4" type="video/mp4"></video>-->
<div id="wrapper_main" style="opacity:1;">
<div id="center_main">
<p><a href="#">LOOK</a></p>
<p><a href="#">SHOP</a></p>
<p><a href="#">JOURNAL</a></p>
</div>
</div>
</body>
</html>
您的代码有效:在此处运行。点击+,它会淡入“ SUBSCRIBE”一词。
subscribe = function(){
$('#subscribe').fadeTo(500,1);
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="plus" onClick="subscribe();">+</a>
<div id="subscribe" style="opacity:0;">SUBSCRIBE</div>
<div id="wrapper_main" style="opacity:1;">
<div id="center_main">
<p><a href="#">LOOK</a></p>
<p><a href="#">SHOP</a></p>
<p><a href="#">JOURNAL</a></p>
</div>
</div>
注意:您可以使用.fadeIn()代替.fadeTo(500,1)
试试这个 :
(HTML)
<a href="#" id="plus">+</a>
(JS)
subscribe = function(){
$('#subscribe').fadeIn();
};
$("a#plus").click(subscribe)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句