Site Notice

hello, world

Difference between revisions of "Example"

From Project-EPB Commons
([InPageEdit] 没有编辑摘要)
([InPageEdit] →‎大标题背景图: 没有编辑摘要)
Line 95: Line 95:
  
 
== 大标题背景图 ==
 
== 大标题背景图 ==
 +
页面头部的firstHeading部分的背景图片可以使用CSS自定义。
 
<pre class="prettyprint lang-css">
 
<pre class="prettyprint lang-css">
 
#pageHeader {
 
#pageHeader {
 
   background-image: url(...);
 
   background-image: url(...);
  background-size: 100%;
 
 
}
 
}
 
</pre>
 
</pre>
 
<html>
 
<html>
<button onclick="$('#pageHeader').toggleClass('hasBg')">切换背景图</button>
+
<button onclick="$('#pageHeader').toggleClass('hasBg');$('body,html').animate({scrollTop:0},200);">切换背景图</button>
 
<style>#pageHeader.hasBg {
 
<style>#pageHeader.hasBg {
 
   background-image: url(/images/a/a9/Example.jpg);
 
   background-image: url(/images/a/a9/Example.jpg);
 
   background-size: 100%;
 
   background-size: 100%;
 +
  box-shadow: 0 0 8px gray inset;
 +
  background-attachment: fixed;
 +
  text-shadow: 0 0 4px #666;
 
}</style>
 
}</style>
 
</html>
 
</html>

Revision as of 01:27, 26 May 2020

这个页面用于测试内容格式。

二级标题

三级标题

四级标题

五级标题

行内元素

狡猾的棕色狐狸越过了一条懒狗的头顶。Quick brown fox jumps over the lazy dog.

正常文字、粗体文字斜体文字

正常文字上标文字下标文字

内部链接内部链接(页面不存在)

http://example.com 外部链接

短代码

图片元素

Example.jpg
这是一张示例图片
Example.jpg
Example.jpg
Example.jpg
Error creating thumbnail: Unable to save thumbnail to destination

块级元素

  • 无序列表
  • 第二项
    • 二之二
  • 第三项
  1. 有序列表
  2. 第二条
    1. 二之二
  3. 第三条
  • 嵌套列表
  • 第二
    1. 二之一
    2. 二之二
  • 第三项
  《安徒生童话》是丹麦作家安徒生创作的童话集,共由166篇故事组成。该作爱憎分明,热情歌颂劳动人民、赞美他们的善良和纯洁的优秀品德;无情地揭露和批判王公贵族们的愚蠢、无能、贪婪和残暴。其中较为闻名的故事有:《小人鱼》、《丑小鸭》、《卖火柴的小女孩》、《拇指姑娘》等。
  《安徒生童话》已经被译为150多种语言出版发行。他的童话故事还激发了大量电影、芭蕾舞剧、舞台剧以及电影动画的制作。
  2020年4月,列入《教育部基础教育课程教材发展中心 中小学生阅读指导目录(2020年版)》。

  《海的女儿》:小人鱼为了能和自己所爱的陆地上的王子在一起.用自己美妙的嗓音和三百年的生命换来了巫婆的药酒,于是,她有了一双美丽的脚,每走一步就像走在碎玻璃上一样疼痛。眼看着王子和别人结婚,她宁可牺牲自己的生命,也要为王子祝福。
  《丑小鸭》:丑小鸭历经千辛万苦、重重磨难之后变成了白天鹅,那是因为它心中有着梦想。
  《屎壳郎》:皇宫马厩的一只屎壳郎竟然要求和皇帝的战马享有一样的待遇——钉上金掌。为此,他不惜游历一番,以证明自己和那匹马一样,是个不可小看的人物。在他最为得意,认为梦想成真的那刻.却被皇帝压在马鞍底下。
  《野天鹅》:这是一场善与恶的斗争。艾丽莎是个柔弱的女子,但她却战胜了比她强大得多、有权有势的王后和主教。救出了被王后的魔法变成天鹅的十一位哥哥。她可以成功靠的是她的勇气、决心和毅力。面对荨麻的刺痛和一年不能说话的痛苦,这需要多大的勇气去面对啊。即使面对主教对她的诬陷和把她烧死的惩罚,她也没有放弃,一直坚持到最后一分钟,终于完成了她的工作。
  《夜莺》:夜莺那曼妙的嗓音,赢得了全世界博学之士的推崇,也赢得了中国皇帝的眼泪。在皇帝弥留之际,夜莺再次来到皇帝的身边为他歌唱,阎王使者潸然泪下后飘然离去,皇帝的生命得到了延续。
  《雪人》:一个刚刚诞生想知道爱情是什么的雪人,竟然神魂颠倒地爱上了房子里的炉子。它们彼此相爱,白天深情相对,晚上翩翩起舞,度过了一个美丽的冬天。其间虽有短暂的挫折.却表明了雪人对炉子的真挚爱情。最后雪人融化在爱人的怀抱里。
  《打火匣》:一个士兵娶到了公主,并成为国王。
/** JavaScript **/
// 代码块
!(function(){
  var person = you;
  var health = true;
  person.setAttribute.health(health);
}());

表格元素

表格标题 title
文字内容 文字内容
文字内容
标题 内容
内容

大标题背景图

页面头部的firstHeading部分的背景图片可以使用CSS自定义。

#pageHeader {
  background-image: url(...);
}

<html> <button onclick="$('#pageHeader').toggleClass('hasBg');$('body,html').animate({scrollTop:0},200);">切换背景图</button> <style>#pageHeader.hasBg {

 background-image: url(/images/a/a9/Example.jpg);
 background-size: 100%;
 box-shadow: 0 0 8px gray inset;
 background-attachment: fixed;
 text-shadow: 0 0 4px #666;

}</style> </html>