diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12.01 svg/svg (2).html" "b/\346\236\227\350\264\265\345\271\263/2021.12.01 svg/svg (2).html" new file mode 100644 index 0000000000000000000000000000000000000000..24e93bef21fb58ff11b392d70dda7ba421945c75 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12.01 svg/svg (2).html" @@ -0,0 +1,53 @@ + + + + + + Document + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12.02 \350\241\250\345\215\225/index.html" "b/\346\236\227\350\264\265\345\271\263/2021.12.02 \350\241\250\345\215\225/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..dec997f330e3b94f28c23fe48cb89e68e8fb29da --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12.02 \350\241\250\345\215\225/index.html" @@ -0,0 +1,39 @@ + + + + + + Document + + +
+

一个简单的表单页面

+

基础形式

+
+ 用户信息: + 用户名:
+ 电话: + 邮件地址: +
+ + +
+ 书本: + + + + + + + + + 数量(最大值: 5) + + + + +
+
+ + + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12.02 \350\241\250\345\215\225/index2.html" "b/\346\236\227\350\264\265\345\271\263/2021.12.02 \350\241\250\345\215\225/index2.html" new file mode 100644 index 0000000000000000000000000000000000000000..096dac10b073b89b5722e9dcd935ee6618753e70 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12.02 \350\241\250\345\215\225/index2.html" @@ -0,0 +1,13 @@ + + + + + + Document + + +
+
+ + + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12.10 \351\200\211\346\213\251\347\246\201\347\224\250\346\225\210\346\236\234\347\273\203\344\271\240/demo01.html" "b/\346\236\227\350\264\265\345\271\263/2021.12.10 \351\200\211\346\213\251\347\246\201\347\224\250\346\225\210\346\236\234\347\273\203\344\271\240/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..0f2203801ee7f1dd399b335badc24595a39ba765 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12.10 \351\200\211\346\213\251\347\246\201\347\224\250\346\225\210\346\236\234\347\273\203\344\271\240/demo01.html" @@ -0,0 +1,101 @@ + + + + + + + Document + + + + + + +
+ + + + + + +
+ + + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12.10 \351\200\211\346\213\251\347\246\201\347\224\250\346\225\210\346\236\234\347\273\203\344\271\240/new_file.html" "b/\346\236\227\350\264\265\345\271\263/2021.12.10 \351\200\211\346\213\251\347\246\201\347\224\250\346\225\210\346\236\234\347\273\203\344\271\240/new_file.html" new file mode 100644 index 0000000000000000000000000000000000000000..d0677cac435b969d325aba6efdd1589d22c22eb7 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12.10 \351\200\211\346\213\251\347\246\201\347\224\250\346\225\210\346\236\234\347\273\203\344\271\240/new_file.html" @@ -0,0 +1,64 @@ + + + + + + + + + + + + +
+ + + + + + +
+ + + diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12.9 \345\274\271\345\207\272\346\217\220\347\244\272\344\275\234\344\270\232\347\273\203\344\271\240/demo01.html" "b/\346\236\227\350\264\265\345\271\263/2021.12.9 \345\274\271\345\207\272\346\217\220\347\244\272\344\275\234\344\270\232\347\273\203\344\271\240/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..4b10348aa5fd80f6dc124c1f45277b46a55b4db1 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12.9 \345\274\271\345\207\272\346\217\220\347\244\272\344\275\234\344\270\232\347\273\203\344\271\240/demo01.html" @@ -0,0 +1,149 @@ + + + + + + Document + + + + + +
我最帅你承不承认?
+ + + + diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/demo\346\226\260\345\271\264\350\264\272\345\215\241.css" "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/demo\346\226\260\345\271\264\350\264\272\345\215\241.css" new file mode 100644 index 0000000000000000000000000000000000000000..4f0dd55177e466a1253ab3f3210951c9a8f6d653 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/demo\346\226\260\345\271\264\350\264\272\345\215\241.css" @@ -0,0 +1,85 @@ +*{ + margin: 0 ; + padding: 0; + border: none; + font-size: 1.5625vw; + font-family: "Microsoft Yahei"; + + + +} +html,body{ + height: 100%; + /* overflow: hidden; */ + +} + + +.bg{ + background: url('./新年1.png') no-repeat; + background-size: 100%; + position: absolute; + width: 100vw; + height: 100%; + box-sizing: 3; + z-index: -1; +} + +#page1 > .p1-denglong{ + position: absolute; + margin: auto; + top: -12%; + left: 15%; + right: 0; + width: 100%; + height: 100%; + font-size: 2rem; + transform: scale(0.8,0.8); + padding-top: 48vh; + text-align: center; + background:url('./p1_lantern.png') no-repeat ; + box-sizing: 2; + z-index: 1; + + /* position: absolute; + top: -3.1%; + left: 0; + right: 0; + margin: 0 auto; + width: 50vw; + height: 80.2vh; + font-size: 5rem; + background: url(./p1_lantern.png) no-repeat center bottom; + background-size: 100%; + padding-top: 32vh; + box-sizing: border-box; + text-align: center; */ +} + +#page1 > .p1-denglong::before { + content: ''; + position: absolute; + top: -25%; + left: -26%; + bottom: 0; + right: 0; + margin: auto; + z-index: -1; + width: 50vw; + height: 50vw; + background-color: #d60b3b; + opacity: 0.5; + box-shadow: 0 0 10vw 10vw #d60b3b; + border-radius: 50%; + /* 添加动画效果 */ + animation: p1_lantern .5s infinite alternate; + } + @keyframes p1_lantern { + 0% { + opacity: 0.5; + transform: scale(0.8, 0.8); + } + 100% { + opacity: 1; + } + } \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/demo\346\226\260\345\271\264\350\264\272\345\215\241.html" "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/demo\346\226\260\345\271\264\350\264\272\345\215\241.html" new file mode 100644 index 0000000000000000000000000000000000000000..758334bb4583028cb21a770f6da94cc2211cabf4 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/demo\346\226\260\345\271\264\350\264\272\345\215\241.html" @@ -0,0 +1,30 @@ + + + + + + Document + + + + + + + + +
+
+
+
点击屏幕
+
+ +
+
+ + +
+ + + + + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/p1_lantern.png" "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/p1_lantern.png" new file mode 100644 index 0000000000000000000000000000000000000000..2b63c2a52de3e18808f498e4148b3dbcd814dcda Binary files /dev/null and "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/p1_lantern.png" differ diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/\346\226\260\345\271\2641.png" "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/\346\226\260\345\271\2641.png" new file mode 100644 index 0000000000000000000000000000000000000000..745eded7e1c555b795302648dd707caf40858778 Binary files /dev/null and "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/\346\226\260\345\271\2641.png" differ diff --git "a/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/\346\226\260\345\271\2642.png" "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/\346\226\260\345\271\2642.png" new file mode 100644 index 0000000000000000000000000000000000000000..760219648e17c688b2a7bfbd1c503661d2466295 Binary files /dev/null and "b/\346\236\227\350\264\265\345\271\263/2021.12\346\234\210 \350\264\272\345\215\241/\346\226\260\345\271\2642.png" differ diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/demo1.html" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/demo1.html" new file mode 100644 index 0000000000000000000000000000000000000000..e7c764330d57a853caef9ca4203fd0e18bb9fa36 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/demo1.html" @@ -0,0 +1,107 @@ + + + + + + + + + + Document + + + +
+ +
+ 选择背景颜色: + + + + + + + + + 选择字号: + 特大 + + + +
+ +
+ +
+

第一张:青云危机

+
+

狐歧山上,鬼王万人往在鬼先生的帮助下启动了四灵血阵。但他没有想到的是他自己虽然得到了来自修罗塔的力量,自己去被修罗之力控制了,失去了属于自己的意识。

+

青云山下的空中:苍松与金瓶儿正御剑前往狐歧山,苍松对一脸冷漠的金瓶儿说:“此次我们本是去破坏青云门的天机锁的,为何还要将周围村庄的村民都杀掉?”“我也不知道鬼王是何用意”金瓶儿说,“难道道长动了怜悯之心?”苍松说:“我觉得我们是对付青云门,而不应该滥杀无辜。”“没办法,我们也只是照令行事!我们快回去复命吧!”苍松看了看天空,然后说好吧!于是他们加快了御剑的速度,大约过了一个小时他们发现空中有一个人影,他们都警觉起来了。近了才发现原来是鬼王,他们正准备上前去见过宗主,突然鬼王头上出现一个巨大的血球,他们知道这是四灵血阵所以并没有防备,可他们不知道此时的鬼王已经失去自己的意识了,突然一道血光朝苍松射来。金瓶儿见情况不对,迅速逃离,而苍松被血光射中,掉了下去!金瓶儿逃到安全地方之后,心里就在想为什么宗主会对自己动手,但却怎么也想不通。她转念一想自己不应该参与这场纷争,然后他就去找自己的妹妹小环去了!

+

青云门内一片混乱,魔教这一次的突然入侵,势头之凶猛非任何人可以预料,短短时日之内,正道已然元气大伤,精英十去八九,最可怖的,便是这十中八九的正道精英,竟然是被魔教鬼王宗那不知什么神秘诡异的邪恶术法,尽数迷了心志,反成了鬼王坐下的打手,六亲不认,返身过来对正道道友大肆杀戮。

+

原先正道对着魔教的绝对优势,陡然间乾坤逆转,而鬼王似乎还嫌这不够一般,更大施邪法,竟然将前往青云路中以及青云山山脉附近所有百姓居民尽数都迷惑心志,成了他手下只懂杀戮的凶器,人数已超十万之众,威势之大,竟比当年那一场号称天地巨劫的兽妖之灾,更胜一筹。

+

而青云门这里,不过是青云门本门弟子以及正道中残存的一道友而已,名门派精英已是为之一空,就算是天音寺这等巨擘门阀,此刻也不过来了十几位僧众,其中有方丈普泓上人、普空神僧还有年轻一辈的法相,法善等人,在一众和尚群里,另有一个干枯老僧,沉默寡言,一直站在普泓上人身旁。

+

闻听到天音寺众僧来到,青云门中当即一阵耸动,多少年来,天音寺一向与青云门交好,每当大难,俱是并肩御敌,当下众人纷纷迎出,只是看到天音寺众僧之后,不禁都为之哑然。

+
+ + + + + +
+ + + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/demo.css" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/demo.css" new file mode 100644 index 0000000000000000000000000000000000000000..a67054a0a030993643b8cbe9f344b34706efa134 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/demo.css" @@ -0,0 +1,539 @@ +/* Logo 字体 */ +@font-face { + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); +} + +.logo { + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* tabs */ +.nav-tabs { + position: relative; +} + +.nav-tabs .nav-more { + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; +} + +#tabs { + border-bottom: 1px solid #eee; +} + +#tabs li { + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; +} + + +#tabs .active { + border-bottom-color: #f00; + color: #222; +} + +.tab-container .content { + display: none; +} + +/* 页面布局 */ +.main { + padding: 30px 100px; + width: 960px; + margin: 0 auto; +} + +.main .logo { + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; + *zoom: 1; +} + +.main .logo a { + font-size: 160px; + color: #333; +} + +.helps { + margin-top: 40px; +} + +.helps pre { + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; + background-color: #fffdef; + overflow: auto; +} + +.icon_lists { + width: 100% !important; + overflow: hidden; + *zoom: 1; +} + +.icon_lists li { + width: 100px; + margin-bottom: 10px; + margin-right: 20px; + text-align: center; + list-style: none !important; + cursor: default; +} + +.icon_lists li .code-name { + line-height: 1.2; +} + +.icon_lists .icon { + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; +} + +.icon_lists .icon:hover { + font-size: 100px; +} + +.icon_lists .svg-icon { + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时,垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; +} + +.icon_lists li .name, +.icon_lists li .code-name { + color: #666; +} + +/* markdown 样式 */ +.markdown { + color: #666; + font-size: 14px; + line-height: 1.8; +} + +.highlight { + line-height: 1.5; +} + +.markdown img { + vertical-align: middle; + max-width: 100%; +} + +.markdown h1 { + color: #404040; + font-weight: 500; + line-height: 40px; + margin-bottom: 24px; +} + +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { + color: #404040; + margin: 1.6em 0 0.6em 0; + font-weight: 500; + clear: both; +} + +.markdown h1 { + font-size: 28px; +} + +.markdown h2 { + font-size: 22px; +} + +.markdown h3 { + font-size: 16px; +} + +.markdown h4 { + font-size: 14px; +} + +.markdown h5 { + font-size: 12px; +} + +.markdown h6 { + font-size: 12px; +} + +.markdown hr { + height: 1px; + border: 0; + background: #e9e9e9; + margin: 16px 0; + clear: both; +} + +.markdown p { + margin: 1em 0; +} + +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { + width: 80%; +} + +.markdown ul>li { + list-style: circle; +} + +.markdown>ul li, +.markdown blockquote ul>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown>ul li p, +.markdown>ol li p { + margin: 0.6em 0; +} + +.markdown ol>li { + list-style: decimal; +} + +.markdown>ol li, +.markdown blockquote ol>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown code { + margin: 0 3px; + padding: 0 5px; + background: #eee; + border-radius: 3px; +} + +.markdown strong, +.markdown b { + font-weight: 600; +} + +.markdown>table { + border-collapse: collapse; + border-spacing: 0px; + empty-cells: show; + border: 1px solid #e9e9e9; + width: 95%; + margin-bottom: 24px; +} + +.markdown>table th { + white-space: nowrap; + color: #333; + font-weight: 600; +} + +.markdown>table th, +.markdown>table td { + border: 1px solid #e9e9e9; + padding: 8px 16px; + text-align: left; +} + +.markdown>table th { + background: #F7F7F7; +} + +.markdown blockquote { + font-size: 90%; + color: #999; + border-left: 4px solid #e9e9e9; + padding-left: 0.8em; + margin: 1em 0; +} + +.markdown blockquote p { + margin: 0; +} + +.markdown .anchor { + opacity: 0; + transition: opacity 0.3s ease; + margin-left: 8px; +} + +.markdown .waiting { + color: #ccc; +} + +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + opacity: 1; + display: inline-block; +} + +.markdown>br, +.markdown>p>br { + clear: both; +} + + +.hljs { + display: block; + background: white; + padding: 0.5em; + color: #333333; + overflow-x: auto; +} + +.hljs-comment, +.hljs-meta { + color: #969896; +} + +.hljs-string, +.hljs-variable, +.hljs-template-variable, +.hljs-strong, +.hljs-emphasis, +.hljs-quote { + color: #df5000; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-type { + color: #a71d5d; +} + +.hljs-literal, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute { + color: #0086b3; +} + +.hljs-section, +.hljs-name { + color: #63a35c; +} + +.hljs-tag { + color: #333333; +} + +.hljs-title, +.hljs-attr, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #795da3; +} + +.hljs-addition { + color: #55a532; + background-color: #eaffea; +} + +.hljs-deletion { + color: #bd2c00; + background-color: #ffecec; +} + +.hljs-link { + text-decoration: underline; +} + +/* 代码高亮 */ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f5f2f0; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/demo_index.html" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/demo_index.html" new file mode 100644 index 0000000000000000000000000000000000000000..55c68da04b5ce397b2c347992fd19f74e361f0e6 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/demo_index.html" @@ -0,0 +1,368 @@ + + + + + iconfont Demo + + + + + + + + + + + + + +
+

+ + +

+ +
+
+
    + +
  • + 󰆏 +
    设置
    +
    󰆏
    +
  • + +
  • + +
    +
    
    +
  • + +
  • + +
    返回图标
    +
    
    +
  • + +
  • + +
    目录
    +
    
    +
  • + +
  • + +
    评论
    +
    
    +
  • + +
  • + +
    评论
    +
    
    +
  • + +
  • + +
    gift
    +
    
    +
  • + +
  • + +
    黑夜模式
    +
    
    +
  • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式,特点是:

+
    +
  • 支持按字体的方式去动态调整图标大小,颜色等等。
  • +
  • 默认情况下不支持多色,直接添加多色图标会自动去色。
  • +
+
+

注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)

+
+

Unicode 使用步骤如下:

+

第一步:拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.ttf?t=1638344551006') format('truetype');
+}
+
+

第二步:定义使用 iconfont 的样式

+
.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步:挑选相应图标并获取字体编码,应用于页面

+
+<span class="iconfont">&#x33;</span>
+
+
+

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + 设置 +
    +
    .icon-shezhi +
    +
  • + +
  • + +
    + 书 +
    +
    .icon-shu +
    +
  • + +
  • + +
    + 返回图标 +
    +
    .icon-fanhuitubiao +
    +
  • + +
  • + +
    + 目录 +
    +
    .icon-mulu +
    +
  • + +
  • + +
    + 评论 +
    +
    .icon-pinglun +
    +
  • + +
  • + +
    + 评论 +
    +
    .icon-pinglun1 +
    +
  • + +
  • + +
    + gift +
    +
    .icon-gift +
    +
  • + +
  • + +
    + 黑夜模式 +
    +
    .icon-heiyemoshi +
    +
  • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

+

与 Unicode 使用方式相比,具有如下特点:

+
    +
  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • +
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
  • +
+

使用步骤如下:

+

第一步:引入项目下面生成的 fontclass 代码:

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步:挑选相应图标并获取类名,应用于页面:

+
<span class="iconfont icon-xxx"></span>
+
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    设置
    +
    #icon-shezhi
    +
  • + +
  • + +
    +
    #icon-shu
    +
  • + +
  • + +
    返回图标
    +
    #icon-fanhuitubiao
    +
  • + +
  • + +
    目录
    +
    #icon-mulu
    +
  • + +
  • + +
    评论
    +
    #icon-pinglun
    +
  • + +
  • + +
    评论
    +
    #icon-pinglun1
    +
  • + +
  • + +
    gift
    +
    #icon-gift
    +
  • + +
  • + +
    黑夜模式
    +
    #icon-heiyemoshi
    +
  • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:

+
    +
  • 支持多色图标了,不再受单色限制。
  • +
  • 通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。
  • +
  • 兼容性较差,支持 IE9+,及现代浏览器。
  • +
  • 浏览器渲染 SVG 的性能一般,还不如 png。
  • +
+

使用步骤如下:

+

第一步:引入项目下面生成的 symbol 代码:

+
<script src="./iconfont.js"></script>
+
+

第二步:加入通用 CSS 代码(引入一次就行):

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步:挑选相应图标并获取类名,应用于页面:

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.css" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.css" new file mode 100644 index 0000000000000000000000000000000000000000..ba9403c55b67e3c46a98fdf667cb8ff3e737ebe3 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.css" @@ -0,0 +1,45 @@ +@font-face { + font-family: "iconfont"; /* Project id */ + src: url('iconfont.ttf?t=1638344551006') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-shezhi:before { + content: "\f018f"; +} + +.icon-shu:before { + content: "\e625"; +} + +.icon-fanhuitubiao:before { + content: "\e62e"; +} + +.icon-mulu:before { + content: "\e890"; +} + +.icon-pinglun:before { + content: "\e663"; +} + +.icon-pinglun1:before { + content: "\e67e"; +} + +.icon-gift:before { + content: "\e6f9"; +} + +.icon-heiyemoshi:before { + content: "\e76b"; +} + diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.js" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.js" new file mode 100644 index 0000000000000000000000000000000000000000..416bd584884925c88e56c710a1ad03b7d076864d --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.js" @@ -0,0 +1 @@ +!function(t){var e,a,o,n,h,i='',l=(l=document.getElementsByTagName("script"))[l.length-1].getAttribute("data-injectcss"),c=function(t,e){e.parentNode.insertBefore(t,e)};if(l&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}function d(){h||(h=!0,o())}function s(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(s,50)}d()}e=function(){var t,e;(e=document.createElement("div")).innerHTML=i,i=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(t=document.body).firstChild?c(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),e()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(o=e,n=t.document,h=!1,s(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,d())})}(window); \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.json" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.json" new file mode 100644 index 0000000000000000000000000000000000000000..e603b3844fc94a0d81b9bd1e77dbd6063e2f85d0 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.json" @@ -0,0 +1,65 @@ +{ + "id": "", + "name": "", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "162882", + "name": "设置", + "font_class": "shezhi", + "unicode": "f018f", + "unicode_decimal": 983439 + }, + { + "icon_id": "648782", + "name": "书", + "font_class": "shu", + "unicode": "e625", + "unicode_decimal": 58917 + }, + { + "icon_id": "1114665", + "name": "返回图标", + "font_class": "fanhuitubiao", + "unicode": "e62e", + "unicode_decimal": 58926 + }, + { + "icon_id": "2076262", + "name": "目录", + "font_class": "mulu", + "unicode": "e890", + "unicode_decimal": 59536 + }, + { + "icon_id": "3851368", + "name": "评论", + "font_class": "pinglun", + "unicode": "e663", + "unicode_decimal": 58979 + }, + { + "icon_id": "6660767", + "name": "评论", + "font_class": "pinglun1", + "unicode": "e67e", + "unicode_decimal": 59006 + }, + { + "icon_id": "11474278", + "name": "gift", + "font_class": "gift", + "unicode": "e6f9", + "unicode_decimal": 59129 + }, + { + "icon_id": "22903748", + "name": "黑夜模式", + "font_class": "heiyemoshi", + "unicode": "e76b", + "unicode_decimal": 59243 + } + ] +} diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.ttf" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.ttf" new file mode 100644 index 0000000000000000000000000000000000000000..66564c41d9835e62be57c7a4b97011e50e1fd4ff Binary files /dev/null and "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/font_cws0liuz66/iconfont.ttf" differ diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/index.css" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/index.css" new file mode 100644 index 0000000000000000000000000000000000000000..50e0484d7484beeded6af7371a039df20cc5d49e --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/index.css" @@ -0,0 +1,248 @@ + \ No newline at end of file diff --git "a/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/jQuery.min .js" "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/jQuery.min .js" new file mode 100644 index 0000000000000000000000000000000000000000..200b54e470a5d67925b91e87f4e769191a9f8c16 --- /dev/null +++ "b/\346\236\227\350\264\265\345\271\263/\351\230\205\350\257\273\347\275\221\347\253\231\351\241\265\351\235\242\345\270\203\345\261\200/jQuery.min .js" @@ -0,0 +1,2 @@ +/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0