Skip to content

Commit

Permalink
翻页特效
Browse files Browse the repository at this point in the history
  • Loading branch information
@mz121star
mz121star committed Mar 5, 2013
1 parent e2e0769 commit f2452f6
Show file tree
Hide file tree
Showing 4 changed files with 95 additions and 33 deletions.
1 change: 1 addition & 0 deletions public/css/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,6 +105,7 @@
color: #414848;
text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
display: block;
z-index: 10;;

}
.nxt-fullscreen {float: right;right: 0}
2 changes: 2 additions & 0 deletions public/js/controllers/layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,10 +46,12 @@ define(['../app', 'i18n!resources/nls/res', '../../background/images'], function
$scope.nextimg = function () {
i = i === imgs.length ? 0 : i;
$("#bg").attr("src", imgs[i++]);
var a =$(".page section:nth-child(1)").css("margin-top","-800px")
};
$scope.preimg = function () {
i = i < 0 ? imgs.length - 1 : i;
$("#bg").attr("src", imgs[i--]);
var a =$(".page section:nth-child(1)").css("margin-top","10px")
/* $("body").attr("style","background:url('themes/glowsimple/img/dots.png') center center fixed, url('"+imgs[i--]+"') center center no-repeat fixed;");*/
};
$scope.fullscreen = function () {
Expand Down
80 changes: 63 additions & 17 deletions public/partials/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,69 @@

<section class="blogcontent">
<h1>春</h1>
<p>盼望着，盼望着，东风来了，春天的脚步近了。<p>
<p> 一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。<p>
<p> 小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻俏俏的，草软绵绵的。<p>
<p> 桃树，杏树，梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味；闭了眼，树上仿佛已经满是桃儿，杏儿，梨儿。花下成千成百的蜜蜂嗡嗡的闹着，大小的蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里像眼睛像星星，还眨呀眨。<p>
<p> “吹面不寒杨柳风”，不错的，像母亲的手抚摸着你，风里带着些心翻的泥土的气息，混着青草味儿，还有各种花的香，都在微微润湿的空气里酝酿。鸟儿将巢安在繁花嫩叶当中，高兴起来，呼朋引伴的卖弄清脆的歌喉，唱出婉转的曲子，跟清风流水应和着。牛背上牧童的短笛，这时候也成天嘹亮的响着。<p>
<p> 雨是最寻常的，一下就是三两天。可别恼。看，像牛牦，像花针，像细丝，密密的斜织着，人家屋顶上全笼着一层薄烟。树叶却绿得发亮，小草也青得逼你的眼。傍晚时候，上灯了，一点点黄晕的光，烘托出一片安静而和平的夜。在乡下，小路上，石桥边，有撑着伞慢慢走着的人，地里还有工作的农民，披着所戴着笠。他们的房屋稀稀疏疏的，在雨里静默着。<p>
<p> 天上的风筝渐渐多了，地上的孩子也多了。城里乡下，家家户户，老老小小，也赶趟似的，一个个都出来了。舒活舒活筋骨，抖擞抖擞精神，各做各的一份事儿去。“一年之计在于春”，刚起头儿，有的是功夫，有的是希望<p>
<p> 春天像刚落地的娃娃，从头到脚都是新的，它生长着。
<p> 春天像小姑娘，花枝招展的笑着走着。
<p> 春天像健壮的青年，有铁一般的胳膊和腰脚，领着我们向前去
<p> 绿叶吐而燕子归来，校园里最有特色的就是几簇藏春花了，黄黄的花从地上一直开到顶端，它们似乎约好了似的，一起向你露出笑脸，笑的是那样灿烂，黄黄的颜色让人心暖，有时会想人竟不如一朵花，花的一生是多么的开心，而人的一生开心的日子又有多少呢？<p>

<p> 春天总能看到许多东西钻出地面，想起吴钧的诗《赠王桂阳》：松生数寸时，遂为草所没。未见笼云心，谁知负霜骨。一种感叹，一种豪气，前途光明。我们小时候就是这么一棵小松，在大人的话语下个个都有着做科学家的梦想。每次说起来身形骤然高大，为自己有远大的理想而自豪，而如今坚持自己梦想的人又有多少个呢？总在不经意间让岁月的流水冲走了我们戴着红领巾在红旗下许下的梦想，待到发现时竟已追不及了，它早以不知流落到那个不被煽情的角落了。<p>


<p> 你是自己梦想的守望者吗？可我自己知道我的梦想一直都不曾遗失，只是不能实现。或许是梦想的缘故许多人都说我与别人不同，审美观，人生观都与别人不同，每一个与我同桌的人都说我未长大。我的梦想不曾是成为科学家亦或是亿万富翁，我一直期待着有一片麦田，而我则是麦田的守望者，而这么多年过去了，我都是活在我父母的梦想中，渐渐地他们的梦融入了我的生活中，而我竟也随他们患得患失了。<p>

<p>盼望着，盼望着，东风来了，春天的脚步近了。

<p>

<p> 一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。

<p>

<p> 小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻俏俏的，草软绵绵的。

<p>

<p>
桃树，杏树，梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味；闭了眼，树上仿佛已经满是桃儿，杏儿，梨儿。花下成千成百的蜜蜂嗡嗡的闹着，大小的蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里像眼睛像星星，还眨呀眨。

<p>

<p>
“吹面不寒杨柳风”，不错的，像母亲的手抚摸着你，风里带着些心翻的泥土的气息，混着青草味儿，还有各种花的香，都在微微润湿的空气里酝酿。鸟儿将巢安在繁花嫩叶当中，高兴起来，呼朋引伴的卖弄清脆的歌喉，唱出婉转的曲子，跟清风流水应和着。牛背上牧童的短笛，这时候也成天嘹亮的响着。

<p>

<p>
雨是最寻常的，一下就是三两天。可别恼。看，像牛牦，像花针，像细丝，密密的斜织着，人家屋顶上全笼着一层薄烟。树叶却绿得发亮，小草也青得逼你的眼。傍晚时候，上灯了，一点点黄晕的光，烘托出一片安静而和平的夜。在乡下，小路上，石桥边，有撑着伞慢慢走着的人，地里还有工作的农民，披着所戴着笠。他们的房屋稀稀疏疏的，在雨里静默着。

<p>

<p> 天上的风筝渐渐多了，地上的孩子也多了。城里乡下，家家户户，老老小小，也赶趟似的，一个个都出来了。舒活舒活筋骨，抖擞抖擞精神，各做各的一份事儿去。“一年之计在于春”，刚起头儿，有的是功夫，有的是希望

<p>

<p> 春天像刚落地的娃娃，从头到脚都是新的，它生长着。

<p> 春天像小姑娘，花枝招展的笑着走着。

<p> 春天像健壮的青年，有铁一般的胳膊和腰脚，领着我们向前去

<p>
绿叶吐而燕子归来，校园里最有特色的就是几簇藏春花了，黄黄的花从地上一直开到顶端，它们似乎约好了似的，一起向你露出笑脸，笑的是那样灿烂，黄黄的颜色让人心暖，有时会想人竟不如一朵花，花的一生是多么的开心，而人的一生开心的日子又有多少呢？

<p>

<p>
春天总能看到许多东西钻出地面，想起吴钧的诗《赠王桂阳》：松生数寸时，遂为草所没。未见笼云心，谁知负霜骨。一种感叹，一种豪气，前途光明。我们小时候就是这么一棵小松，在大人的话语下个个都有着做科学家的梦想。每次说起来身形骤然高大，为自己有远大的理想而自豪，而如今坚持自己梦想的人又有多少个呢？总在不经意间让岁月的流水冲走了我们戴着红领巾在红旗下许下的梦想，待到发现时竟已追不及了，它早以不知流落到那个不被煽情的角落了。

<p>


<p>
你是自己梦想的守望者吗？可我自己知道我的梦想一直都不曾遗失，只是不能实现。或许是梦想的缘故许多人都说我与别人不同，审美观，人生观都与别人不同，每一个与我同桌的人都说我未长大。我的梦想不曾是成为科学家亦或是亿万富翁，我一直期待着有一片麦田，而我则是麦田的守望者，而这么多年过去了，我都是活在我父母的梦想中，渐渐地他们的梦融入了我的生活中，而我竟也随他们患得患失了。

<p>
</p>
</section>


<section class="blogcontent">
<h1>夏</h1>

<p>
　　夏日的夜晚，闷热又心烦。躲在阴凉的房内，品着冰凉爽快的啤酒，看着杂乱而吵闹的电视，无聊亦无趣。窗外是城市的天空，辉煌又闪亮。高楼的霓虹灯和路面的灯光，早已把夏夜的天空照亮。记忆中那些漫天闪闪的星星，还有带着笑脸的月亮，都已看不见，失去了踪影。但是回忆里，儿时那多彩的夏夜，却时时萦绕在我的心上。<br>　　<br>　　儿时的夏夜，那是没有城市耀眼的霓虹的灯光，也没有车水马龙的人流车辆和电视喧闹的夏夜。那是有着青蛙的唱歌，星星在闪烁的快乐时光。<br>　　<br>　　那时的夏夜，可以和家人一起，踏着青青而蜿蜒的山路到山顶，躺在青青的草垫子里，嗅青草香甜的气息数天上的星星。<br>　　<br>　　也可以和家人一起踩着田间狭窄的小路，到田野里去；闻着田里醉人的稻香，听青蛙们在田野里快乐的歌唱。<br>　　<br>　　还有就是和小伙伴们一起，到马路边的水银灯下，捕捉在雪一样亮的灯光下，像流星一样飞舞的飞蛾和闪亮的金龟子们。<br>　　<br>　　但，最叫人难忘的，却是在夏夜里的那一场场的游戏。<br>　　<br>　　在夏的夜里，在一块块的平地上；男孩们，女孩们；快乐的小伙伴们都围坐在一起，手牵着手；头上，就是快乐的星星。<br>　　<br>　　一个小伙伴，手拿一张轻巧的小手绢，围着小伙伴们转圈，就着小伙伴们的歌声，伺机将小手绢放在某个小伙伴的背后。在这欢快的气氛中，小伙伴们齐声唱着：“丢手绢，丢手绢。请您将它放在小朋友的后边，大家不要告诉他···。快点、快点告诉他，快点、快点告诉他···。”那歌声，在夏夜无垠的夜空里，在漫天熠熠的星光下，远远的传开去。传向遥远的星空，传满整个夜的世界···。
</p>
</section>



45 changes: 29 additions & 16 deletions public/themes/glowsimple/default.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,9 @@ body {
overflow: hidden;
/*background: none;*/

/* background-color: #252326;
background: url('img/dots.png') center center fixed, url('img/bg.jpg') center center no-repeat fixed;
background-size: auto, cover;*/
/* background-color: #252326;
background: url('img/dots.png') center center fixed, url('img/bg.jpg') center center no-repeat fixed;
background-size: auto, cover;*/
}

@font-face {
Expand Down Expand Up @@ -88,19 +88,22 @@ HEADER
height: 19px;
margin: 0 3px;
overflow: hidden;
/* text-indent: -2000px;*/
/* text-indent: -2000px;*/
}

#top_nav li:nth-child(1) a {

background: url(img/spriteme1.png) no-repeat -10px -22px;
background: url(img/spriteme1.png) no-repeat -10px -22px;

}

#top_nav li:nth-child(4) a {

background: url(img/spriteme1.png) no-repeat -10px -78px;
width: 48px;
text-indent:-2000px;
background: url(img/spriteme1.png) no-repeat -10px -78px;
width: 48px;
text-indent: -2000px;
}

/*******************
CONTENT
*******************/
Expand All @@ -123,7 +126,7 @@ CONTENT
margin-left: 20px;
}

.login-form .content .password{
.login-form .content .password {
margin-top: 25px;

}
Expand Down Expand Up @@ -179,12 +182,12 @@ FOOTER
.login-form .footer {
padding: 25px 30px 40px 1px;
overflow: auto;
/* float: left;*/
/* float: left;*/
}

/* Login button */
.login-form .footer .button {
/* float: right;*/
/* float: right;*/
padding: 11px 25px;
font: 300 18px 'Denk One', sans-serif;
color: #fff;
Expand All @@ -194,7 +197,7 @@ FOOTER
border-radius: 5px;
cursor: pointer;
box-shadow: inset 0 0 2px rgba(256, 256, 256, 0.75);
/* float: left;*/
/* float: left;*/

}

Expand Down Expand Up @@ -247,19 +250,28 @@ section.blogcontent {
position: relative;
transition: all 0.5s;
}

#njblogbg {
background: url('img/dots.png') center center fixed;
background: url('img/dots.png') center center fixed;
}
#bg{

#bg {
opacity: 0.8;
}
.blogcontent{

section.blogcontent {
background: black;
opacity: 0.5;
border-radius: 10px;
padding: 10px;
margin-bottom: 300px;
transition: all 1s;
}

::selection {
background: #ff5f3e
}
::selection{color:#fff;background: #ff5f3e}

@media screen and (max-width:600px) {
.login-form {
width: 300px;
Expand All @@ -269,6 +281,7 @@ section.blogcontent {
top: 220px;
margin-top: 20px;
}

.login-form .footer {
padding: 25px 30px 40px 50px;
}
Expand Down

0 comments on commit f2452f6

Please sign in to comment.