将特定DIV作为索引的着陆

时间:2014-02-23 20:34:13

标签: javascript jquery html5 css3

我试图设计 html5 / css3 网站,例如具有 9 DIV 的图像打击,我想将 DIV#5 设为我的登陆索引页面,因此当访问者打开我的网站时,他会登陆DIV#5并可以使用任意方向的箭头浏览我的网站。

如何将此 DIV 设为我的登陆索引页面,不进行网址编辑或 htaccess !只需 HTML5 / CSS3 JS

提前致谢!

1 个答案:

答案 0 :(得分:0)

这个快速的 FIDDLE 可以帮助您走上正确的道路。

我使用css将第5个div定位在屏幕的中心,然后您可以使用JS导航更改topleft值的图像。

HTML:

<img src="http://axgig.com/images/10610429937244008294.png"/>

CSS:

img{
    width:300%;
    height:300%;
    position:absolute;
    top:-100%;
    left:-100%;
}