Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
qincheng committed Sep 23, 2013
1 parent bac5a50 commit 906bbf5
Showing 1 changed file with 92 additions and 91 deletions.
183 changes: 92 additions & 91 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,14 +69,14 @@
margin:0;
}
.left-bar ul li {
/* background: #9FF;*/
/* background: #9FF;*/
padding-left: 1em;
height: 25px;
line-height: 25px;
color: #fff;
}
.left-bar ul li.odd {
/* background: #6F9;*/
/* background: #6F9;*/
}
.left-bar ul li.hover {
background: #73c32c!important;
Expand All @@ -101,65 +101,65 @@

require("fx, event, attr, ready", function() {

var center = $(".modules-slider-center");
$(".modules-slider-left,.modules-slider-right").click(function() {
var left = this.className.indexOf("left") !== -1;
if (left) {
var div = $(".modules-slider-center div").last();
var width = div.width();
div.detach().css("marginLeft", -1 * width).prependTo(center);
div.fx({
marginLeft: 0
}, 700);
} else {
var div = $(".modules-slider-center div").first();
var width = div.width();
div.fx({
marginLeft: "-=" + width
}, 700, function() {
center.append(div);
div.css("marginLeft", 0);
});
}
});
var center = $(".modules-slider-center");
$(".modules-slider-left,.modules-slider-right").click(function() {
var left = this.className.indexOf("left") !== -1;
if (left) {
var div = $(".modules-slider-center div").last();
var width = div.width();
div.detach().css("marginLeft", -1 * width).prependTo(center);
div.fx({
marginLeft: 0
}, 700);
} else {
var div = $(".modules-slider-center div").first();
var width = div.width();
div.fx({
marginLeft: "-=" + width
}, 700, function() {
center.append(div);
div.css("marginLeft", 0);
});
}
});
});
require("doc/scripts/api, event, node, attr, ready", function(api, $) {
var currentModule = "core";

$(".modules-slider-center div").click(function() {
if (this.className === "active") {
return;
}
$(this).siblings().removeClass("active");
this.className = "active";

var moduleName = this.id.replace("m_", "");
currentModule = moduleName;
var list = ["index"].concat(api[moduleName])
var html = ["<ul>"];
$.each(list, function(index, prop) {
var className = index % 2 === 0 ? "even" : "odd";
html.push("<li class=" + className + ">" + prop + "</li>");
});
html.push("</ul>");
$(".left-bar").html(html.join(""));
});
var iframe = $("#main").get(0);

var url = location.href;
var basePath = url.slice(0, url.lastIndexOf("/") + 1)
iframe.src = basePath + "doc/core/index.html";
$(".left-bar").delegate("li", "mouseover", function() {
$(this).addClass("hover");
}).delegate("li", "mouseout", function() {
$(this).removeClass("hover");
}).delegate("li", "click", function() {
var url = basePath + "doc/" + currentModule + "/" + $(this).text().trim() + ".html";
var iframe = $("#main").get(0)
if (url !== iframe.src) {
iframe.src = url;
}
})
var currentModule = "core";

$(".modules-slider-center div").click(function() {
if (this.className === "active") {
return;
}
$(this).siblings().removeClass("active");
this.className = "active";

var moduleName = this.id.replace("m_", "");
currentModule = moduleName;
var list = ["index"].concat(api[moduleName])
var html = ["<ul>"];
$.each(list, function(index, prop) {
var className = index % 2 === 0 ? "even" : "odd";
html.push("<li class=" + className + ">" + prop + "</li>");
});
html.push("</ul>");
$(".left-bar").html(html.join(""));
});
var iframe = $("#main").get(0);

var url = location.href;
var basePath = url.slice(0, url.lastIndexOf("/") + 1)
iframe.src = basePath + "doc/core/index.html";
$(".left-bar").delegate("li", "mouseover", function() {
$(this).addClass("hover");
}).delegate("li", "mouseout", function() {
$(this).removeClass("hover");
}).delegate("li", "click", function() {
var url = basePath + "doc/" + currentModule + "/" + $(this).text().trim() + ".html";
var iframe = $("#main").get(0)
if (url !== iframe.src) {
iframe.src = url;
}
})


});
Expand All @@ -169,37 +169,38 @@

</head>
<body>
<div style="display:none">
<center><h1>mass Framework文档</h1></center>

<div class="modules-slider">
<div class="modules-slider-left">◀</div>
<div class="modules-slider-center">
<div id="m_core">种子模块</div>
<div id="m_lang">语言扩展模块</div>
<div id="m_class">类工厂模块</div>
<div id="m_data">数据缓存模块</div>
<div id="m_flow">流程模块</div>
<div id="m_query">选择器模块</div>
<div id="m_node">节点模块</div>
<div id="m_css">样式模块</div>
<div id="m_event">事件模块</div>
<div id="m_attr">属性模块</div>
<div id="m_fx">动画模块</div>
<div id="m_ajax">AJAX模块</div>

<!-- <div id="m_newland">newland后端框架</div>-->
</div>
<div class="modules-slider-right">▶</div>
</div>
<div>
<div class="left-bar"></div>
<div class="main-area">
<iframe id="main" >
</iframe>
<a href="/mvvm/index.html">迷你MVVM框架avalon</a>
<div style="display:none">
<center><h1>mass Framework文档</h1></center>

<div class="modules-slider">
<div class="modules-slider-left">◀</div>
<div class="modules-slider-center">
<div id="m_core">种子模块</div>
<div id="m_lang">语言扩展模块</div>
<div id="m_class">类工厂模块</div>
<div id="m_data">数据缓存模块</div>
<div id="m_flow">流程模块</div>
<div id="m_query">选择器模块</div>
<div id="m_node">节点模块</div>
<div id="m_css">样式模块</div>
<div id="m_event">事件模块</div>
<div id="m_attr">属性模块</div>
<div id="m_fx">动画模块</div>
<div id="m_ajax">AJAX模块</div>

<!-- <div id="m_newland">newland后端框架</div>-->
</div>
<div class="modules-slider-right">▶</div>
</div>
<div>
<div class="left-bar"></div>
<div class="main-area">
<iframe id="main" >
</iframe>
</div>
</div>

</div>
</div>
<div>
<a href="/mvvm/index.html">avalon</a>
</body>
</body>
</html>

0 comments on commit 906bbf5

Please sign in to comment.