html添加 javascript进度条
我现在写了一个代码head><scripttype="text/javascript">functionconfirmDialog(){if(window.confirm...
我现在写了 一个代码head>
<script type="text/javascript">
function confirmDialog(){
if(window.confirm("请评良心选择，是请选择'确定',不是'取消'"))
alert("果然群众眼睛是雪亮的！");
else
alert("木马释放注入成功！！");
}
</head>
<body>
<form>
<input type="button" value="小楠是宇宙第一帅哥么？" onclick="confirmDialog()">
</form>
</body>
</html>
我想在 eals(取消）那行代码里添加上一个 执行进度条 应该怎么写？ 展开
<script type="text/javascript">
function confirmDialog(){
if(window.confirm("请评良心选择，是请选择'确定',不是'取消'"))
alert("果然群众眼睛是雪亮的！");
else
alert("木马释放注入成功！！");
}
</head>
<body>
<form>
<input type="button" value="小楠是宇宙第一帅哥么？" onclick="confirmDialog()">
</form>
</body>
</html>
我想在 eals(取消）那行代码里添加上一个 执行进度条 应该怎么写？ 展开
3个回答
展开全部
看你这代码真够无聊的。。嘿嘿 我帮你写这代码更无聊。。（早饭午饭都没吃 饿的是在没心情工作了。。。就当KILL TIME吧）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.holder{
position:absolute; border:solid #FF0000 1px; height:20px;
}
div .bar {
background-color:#003300; height:20px;
}
</style>
<script>
function confirmDialog(){
if(window.confirm("请评良心选择，是请选择'确定',不是'取消'"))
alert("果然群众眼睛是雪亮的！");
else
new ProgressBar();
}
function ProgressBar () {
this.holder = document.createElement('div');
this.bar = document.createElement('div');
this.holder.appendChild(this.bar);
this.holder.className = 'holder';
this.bar.className = 'bar';
this.bar.style.width = '0px';
this.holder.style.width = '100px';
var that = this;
this.show = function () {
var w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth; var h = (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight;
this.holder.style.top = h/2 + 'px';
this.holder.style.left = w/2 + 'px';
document.body.appendChild(this.holder);
this.timer = setInterval(this.grow, 100);
};
this.grow = function () {
var barWidth = parseInt(that.bar.style.width);
var holderWidth = parseInt(that.holder.style.width);
barWidth += 10;
barWidth = Math.min(barWidth, holderWidth);
that.bar.style.width = barWidth + 'px';
if (barWidth === holderWidth) {
clearInterval(that.timer);
document.body.removeChild(that.holder);
that.onEnd();
}
};
this.onEnd = function () {
alert("木马释放注入成功！！");
}
this.show();
}
</script>
</head>
<body>
<form>
<input type="button" value="小楠是宇宙第一帅哥么？" onclick="confirmDialog()">
</form>
</body>
</html>
（不用架框写起来好麻烦。。 不过超简单 就没加注释 多浏览器下测试通过了）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.holder{
position:absolute; border:solid #FF0000 1px; height:20px;
}
div .bar {
background-color:#003300; height:20px;
}
</style>
<script>
function confirmDialog(){
if(window.confirm("请评良心选择，是请选择'确定',不是'取消'"))
alert("果然群众眼睛是雪亮的！");
else
new ProgressBar();
}
function ProgressBar () {
this.holder = document.createElement('div');
this.bar = document.createElement('div');
this.holder.appendChild(this.bar);
this.holder.className = 'holder';
this.bar.className = 'bar';
this.bar.style.width = '0px';
this.holder.style.width = '100px';
var that = this;
this.show = function () {
var w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth; var h = (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight;
this.holder.style.top = h/2 + 'px';
this.holder.style.left = w/2 + 'px';
document.body.appendChild(this.holder);
this.timer = setInterval(this.grow, 100);
};
this.grow = function () {
var barWidth = parseInt(that.bar.style.width);
var holderWidth = parseInt(that.holder.style.width);
barWidth += 10;
barWidth = Math.min(barWidth, holderWidth);
that.bar.style.width = barWidth + 'px';
if (barWidth === holderWidth) {
clearInterval(that.timer);
document.body.removeChild(that.holder);
that.onEnd();
}
};
this.onEnd = function () {
alert("木马释放注入成功！！");
}
this.show();
}
</script>
</head>
<body>
<form>
<input type="button" value="小楠是宇宙第一帅哥么？" onclick="confirmDialog()">
</form>
</body>
</html>
（不用架框写起来好麻烦。。 不过超简单 就没加注释 多浏览器下测试通过了）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以 设置一个div 和一个文本域
div 用来显示进度条
文本域 用来显示进度百分比
然后用for 做个循环
让div宽增加，让百分比改变。
看起来就是吓唬人的执行进度条
div 用来显示进度条
文本域 用来显示进度百分比
然后用for 做个循环
让div宽增加，让百分比改变。
看起来就是吓唬人的执行进度条
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
