JavaScriptが新しく、&は比較的新しいHTMLです。私は、次の操作を行うためには、アルゴリズムの&いくつかの提案を使用する必要がありますどのような言語(純粋なHTMLやJavaScript & HTML)知っていると思います:背景にHTML要素の位置を対角線で指定します。
場所4つの正方形のが、斜めにそれらを配置します。それぞれの四角は、クリックして別のページに移動するためのリンクです。 どのように私は下の写真のように斜めにhtml要素を配置することができますか?
http://i54.tinypic.com/2v7uw5u.png
私は私のコードは次のようになりますと信じて:
<script>
function positionIt()
{
var screenW = // javascript function to get screen width??;
var screenH = // javascript function to get screen height??;
var sq1 = document.getElementById("square1");
var sq2 = document.getElementById("square2");
var sq3 = document.getElementById("square3");
var sq4 = document.getElementById("square4");
// What javascript functions set a elements x,y positions?
// Should I use another way of positioning the square (not by absolute terms)
sq1.setXPos(screenW/4);
sq1.setYPos(screenH/4);
sq2.setXPos(screenW/3);
sq2.setYPos(screenH/3);
}
</script>
// OR if I use css
.menu { background-color: blue; }
/* Position the square in absolute terms diagonally */
#square1 { x=200; y=200; }
#square2 { x=300; y=300; }
#square3 { x=400; y=400; }
#square4 { x=500; y=500; }
<div class="menu" onload="positionIt()">
<a id="square1" href="home.html"><img src="square.jpg" /></a>
<a id="square2" href="home.html"><img src="square.jpg" /></a>
<a id="square3" href="home.html"><img src="square.jpg" /></a>
<a id="square4" href="home.html"><img src="square.jpg" /></a>
</div>
ありがとう、これは素晴らしいです。 cssでスクリーン/ブラウザの寸法を取得する方法はありますか?左:式(screen.width <= 1000?screen.width/4:true) – Mack
@Mack:CSSを使用しない(yes JSで)、異なるサイズの画面を補正したい場合は、デモを '%'ベースのレイアウトに変更した方が良いでしょう。 – thirtydot
@Mack:実際には、あなたが何を望んでいるのか分かりません。画面のサイズとページ上で何が変わるべきかの関係を説明できますか? (ボックスのサイズ、ボックスの位置など) – thirtydot