html怎么实现鼠标经过时显示按钮?

html-css04

html怎么实现鼠标经过时显示按钮?,第1张

给按钮上绑定一个onclick事件,同时置一个状态值,状态值为true时显示按钮。

具体代码如下:

<html>

<head>

<script type="text/javascript" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/jquery/jquery-1.10.2.min_f2fb5194.js"></script>

</head>

<body>

<button id="a">btn1</button>

<button id="b">btn2</button>

<script>

$(document).ready(function()

{

$("#a").click(function()

{

$("#a").hide()

})

$("#b").click(function()

{

$("#a").show()

}

)

})

</script>

</body>

</html>

按照你的要求编写的当点击按钮后,在当前页面的文本框里显示abc的html程序如下(见图)

把按钮中的onclick代码改成下面图中的代码就可以实现你的要求了.

(注意其中test是form名称,display是文本框名称)