如何在浏览器窗口的对角之间的对角线上放置多个图像？

所以，如果我不清楚，我想这些缩略图根据浏览器的宽度和高度定位斜。谢谢！

2011-08-23 alexandru

线条如何？ –

您可能需要使用这样的javascript代码：

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Untitled Document</title> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('.sample').each(function(){ 
     var this_index = $(this).index(); 
     var margin_left = $(this).width() * this_index; 
     $(this).css({ 
      marginLeft : margin_left 
     }); 
    }); 
}); 
</script> 
<style type="text/css"> 
a.sample { 
    height:100px; 
    width:100px; 
    display:block; 
    background-color:red; 

    border-radius:50px; 
    -moz-border-radius:50px; 
    border:2px solid black; 
} 
</style> 
</head> 

<body> 
<a href="#" class="sample"></a> 
<a href="#" class="sample"></a> 
<a href="#" class="sample"></a> 
</body> 
</html>

来源

2011-08-23 15:48:38 Jay