Dec 16 2010, 04:36 PM
index.html
CODE
<html>
<head>
<script type='text/javascript' src='/test/js/jquery-1.4.4.min.js'></script>
<script type='text/javascript' src='/test/js/jquery-ui-1.8.7.custom.min.js'></script>
<script type='text/javascript' src='/test/js/common.js'></script>
<style type='text/css'>
@import url(/test/css/ui-lightness/jquery-ui-1.8.7.custom.css);
</style>
</head>
<body>
<div style='margin-left:200px;height:1200px;border:1px solid black'>page 1</div>
</body>
</html>
<head>
<script type='text/javascript' src='/test/js/jquery-1.4.4.min.js'></script>
<script type='text/javascript' src='/test/js/jquery-ui-1.8.7.custom.min.js'></script>
<script type='text/javascript' src='/test/js/common.js'></script>
<style type='text/css'>
@import url(/test/css/ui-lightness/jquery-ui-1.8.7.custom.css);
</style>
</head>
<body>
<div style='margin-left:200px;height:1200px;border:1px solid black'>page 1</div>
</body>
</html>
common.js
CODE
var pages=[{
url:'/test/test/page1.html',
name:'Page 1'
},{
url:'/test/test/page2.html',
name:'Page 2'
},{
url:'/test/test/page3.html',
name:'Page 3'
}];
$(function(){
var menu=$("<div id='test'></div>").appendTo("body").css({position:'absolute',width:200,border:'1px solid black'});
$(pages).each(function(){
$(menu).append("<div><a href='"+this.url+"'>"+this.name+"</a></div>");
});
//float?
//$(menu).css({top:$(window).height()/2-$(menu).height()/2,left:0});
$(menu).css({top:8,left:5});
});
url:'/test/test/page1.html',
name:'Page 1'
},{
url:'/test/test/page2.html',
name:'Page 2'
},{
url:'/test/test/page3.html',
name:'Page 3'
}];
$(function(){
var menu=$("<div id='test'></div>").appendTo("body").css({position:'absolute',width:200,border:'1px solid black'});
$(pages).each(function(){
$(menu).append("<div><a href='"+this.url+"'>"+this.name+"</a></div>");
});
//float?
//$(menu).css({top:$(window).height()/2-$(menu).height()/2,left:0});
$(menu).css({top:8,left:5});
});
http://crayeo.com/test/test.html
Quote
0.0152sec
0.31
6 queries
GZIP Disabled