我网站上的代码有什么问题

时间:2016-08-13 08:09:22

标签: javascript html css

我只是一个初学者,所以对我很轻松



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;
&#13;
&#13;

jquery.js是我运行它时计算机中压缩jquery的文件名,页面没有显示

3 个答案:

答案 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")

})