html - 悬停时我想刷新我的页面

Question

这是我的代码

<input type="button"  class="refresh" value="refresh">

<style>

.refresh {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 green;
    border: medium none navy;
    padding: 5px 15px;
    cursor:pointer;  } .refresh:hover{background: none repeat scroll 0 0 red;}   </style>

我想通过 CSS 在悬停时刷新我的页面。这可能吗？

Answer 1

不，您需要编写 Javascript 代码

下面是 jQuery（javascript 库）代码

$('.refresh').hover(function(){

window.location.reload();

});

Answer 2

看到 CSS 用于样式，我会说不......这很可能是用 Javascript 完成的。例如：

onmouseover="window.location.reload()"

Answer 3

只需在您的链接上使用 onmouseover="function(this)" ，如下面的链接：

http://www.w3schools.com/jsref/event_onmouseover.asp