我只是一个初学者,所以对我很轻松
p{
font-size:1500%;
text-align: center;
margin:0;
}
body{
background:yellow;
}

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<p id="para">this is disco</p>
</body>
<script src = "jquery.js"></script>
<script src = "main.js"></script>
</html>
&#13;
{{1}}&#13;
jquery.js是我运行它时计算机中压缩jquery的文件名,页面没有显示
答案 0 :(得分:1)
while (true) { … }
将永远运行(无限循环)并阻止UI,因为JS是单线程的。它也会一遍又一遍地隐藏段落。如果你想隐藏段落,你应该使用:
$(document).ready(function(){
//hide the paragraph
$("p#para").hide()
//show the paragraph slowly
$("p#para").show("slow");
})
在页面加载后执行所有操作。
如果您想使段落闪烁,以便在它显示“慢”后隐藏它,您可以在页面加载后使用计时器执行此操作:
(function blink () {
$("p#para").hide()
//show the paragraph slowly
$("p#para").show("slow");
setTimeout(blink, 1000);
})();
或CSS动画。
如果要使文本闪烁,则根本不需要使用JS。看看这里:Imitating a blink tag with CSS3 animations
“滑动”效果是由jQuery的show()
方法引起的,记录为here。
答案 1 :(得分:-1)
必须是$("#para")
。 $("para")
搜索不存在的元素<para>
。
答案 2 :(得分:-1)
元素id是“para”,所以为了操作它,选择器应该以“#”开头,即“#para”
$(document).ready(function(){
//hide the paragraph
$("#para").hide()
//show the paragraph slowly
$("#para").show("slow")
})