div + css 怎么实现点击查询按钮页面就显示一个等待的提示,而且上面有个圆形的光圈一直循环的转动

html-css016

div + css 怎么实现点击查询按钮页面就显示一个等待的提示,而且上面有个圆形的光圈一直循环的转动,第1张

<html>

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$("#search").click(function () {

$("#load").fadeIn("slow")

})

})

</script>

</head>

<body>

<div id="load" style="display: none">

<img alt="waiting..." src="images/wait.gif" />

加载中,请稍等...

</div>

<input id="search" type="button" value="查询" />

</body>

</html>

css圆形按键下方有字可以带提示信息div。步骤如下:

1、新建html文档。

2、书写hmtl代码。

3、书写css公用样式表代码。

4、书写css代码。代码整体结构。

6、查看效果。

实现的方法和详细的操作步骤如下:

1、第一步,打开html编辑器,创建一个新的html文件,例如:index.html,然后输入代码,见下图。

2、第二步,完成上述步骤后,在index.html的<body>标记中,输入js代码,见下图。

3、第三步,完成上述步骤后,浏览器运行index.html页面。 这时,单击按钮将弹出一个提示框,见下图。这样,以上的问题就解决了。