html中的文字逐渐显示的代码是什么？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:200px;
height:30px;
text-align:left;
padding-left:20px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var arr = ["你","说","的","是","这","样","吗","？"];
var flag = 0;
setInterval(function(){
if(flag == 9){
flag = 0;
}
var str = "";
for(var i = 0;i < flag;i++){
str += arr[i];
}
$("div").html(str);
flag++;
},600);
});
</script>
</head>
<body>
<div></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:200px;
height:30px;
text-align:left;
padding-left:20px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var arr = ["你","说","的","是","这","样","吗","？"];
var flag = 0;
setInterval(function(){
if(flag == 9){
flag = 0;
}
var str = "";
for(var i = 0;i < flag;i++){
str += arr[i];
}
$("div").html(str);
flag++;
},600);
});
</script>
</head>
<body>
<div></div>
</body>
</html>
追问
在哪里改变颜色，显示的速度！
追答
颜色：改变color的值。
div{
width:200px;
height:30px;
text-align:left;
padding-left:20px;
color:red;
}
速度：上面的600为600毫秒，自己调到喜欢的速度。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
淡入淡出 效果 用jQuery的 fadeToggle()函数就行
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeToggle()(3000);
});
});
</script>
</head>
<body>
<p></p>
<button>点击这里</button>
<br><br>
<div id="div1">1234564</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeToggle()(3000);
});
});
</script>
</head>
<body>
<p></p>
<button>点击这里</button>
<br><br>
<div id="div1">1234564</div>
</body>
</html>
追问
像打字出来的那种！能写段例孑给我吗?
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那是jd代码吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的方法好像是可行的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
