0

所以，让这个简单的随机全屏 bg 图片页面、rotator 和 min.js 工作，我确定还有其他方法可以做到这一点，现在我试图让整个页面成为一个简单地重新加载页面的链接，这样我得到另一个随机图片。我已经搜索了使旋转器 div 成为链接、css 解决方案 - 跨度和隐藏显示的方法，但我当然不明白哪个是合适的，没有任何运气可以工作。任何建议都非常感谢，

<html>
<head>
<style>
    * {  margin: 0; padding: 0; }

    html { 
        background: url(images/rotator.php), url(grey.jpg) no-repeat center center fixed ; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#rotator").click(function(){
window.location.reload(true);});
});
</script>
</head>
<body>
<div id="rotator"></div>
</body>
</html>

好吧，所以 jquery 方式没有运气，我确实这样做了，

<div style="width:800px;height:800px;position:absolute;top:20px;left:20px;" id="rotator" onclick = "window.location.refresh()"></div>

不理想，但得到了我想要的行为，现在改变光标，让人们知道它是一个链接，

4

2 回答 2

0

inside <div id="rotator"> try putting <a href="" style='display:block;height:100%;width:100%'></a>

于 2012-03-10T20:32:21.803 回答
0

use jQuery:

$("#rotator").click(function(){
    window.location.reload(true);
});

It adds a click() event to the div with the id of #rotator, effectively making it a giant link. The result of the click is a refresh.

You can easily change the mouse cursor with CSS:

#rotator {cursor: pointer; }
于 2012-03-10T20:32:57.950 回答