diff --git "a/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.css" "b/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.css" new file mode 100644 index 0000000000000000000000000000000000000000..7490dbc03c6ee2094c8d6dc84b2842fe5a0314aa --- /dev/null +++ "b/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.css" @@ -0,0 +1,114 @@ +body{ + width: 100%; + background-color:#F6F6F6 ; +} +*{ + margin: 0; + padding: 0; +} +h1{ + text-align: center; + margin-top: 30px; +} +p +{ +text-indent:50px; +line-height: 30px; +} +.left{ + display:grid; + grid-column: 2/3; + grid-template-columns: repeat(6,1fr); + grid-gap:2px; +} +.page{ + display: flex; +} +.page .color{ + width: 10px; + height: 10px; + margin-top: 5px; + margin-left: 2px; + border: 1px solid black; +} +.c1{ + background-color: skyblue; +} +.c2{ + background-color: green; +} +.c3{ + background-color: pink; +} +.c4{ + background-color: purple; +} +.c5{ + background-color: orange; +} +.c6{ + background-color: yellow; +} +.font p{ + font-size: 12px; + margin-left: 5px; + text-decoration: black; +} +button{ + background-color: #CCDEFB; +} +.xiaoshuo{ + height: 40px; + border-top: 1px solid black; + background-color: black; +} +.icon-fanhui::before{ + content:"\e636"; + position:absolute; + top: -26px; + right: 65px; + background-color: #fff; +} +.icon-tushu::before{ + content:"\eb99"; + position:absolute; + top: 24px; + right: 66px; + background-color: #fff; +} +@media screen and (max-width: 480px) { + .left{ + display: none; + } + *{ + margin: 0; + padding: 0; + } + body{ + background-color: rgb(251,230,181); + } + .xiaoshuo{ + width: 100%; + } + h1{ + text-align:none; + color: rgb(108,74,47); + text-align: left; + padding: 0 0 0 25px; + font-size: 25px; + margin: 50px 0 0 0; + } + p{ + color: rgb(176,149,111); + margin: 20px; + } + .tousu{ + display: block; + } + +} +@media screen and (min-width: 480px) { + .iostou{ + display: none !important; + } +} \ No newline at end of file diff --git "a/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html" "b/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html" new file mode 100644 index 0000000000000000000000000000000000000000..043b21d80b0dff6c1745294d3abd6c69d97573ac --- /dev/null +++ "b/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.html" @@ -0,0 +1,87 @@ + + + + + + Document + + + + + + +
+
+
+ 选择背景颜色: +
+
+
+
+
+
+
+
+ 选择字号: + 特大 + + + +
+
+ + + + +
+
+
+
+
+ + + + +
+
+

掌握javaSctrpt基础

+

第一章 初入宗门

+

+ 乐阳村处于脚本大陆东部的边缘地带,其民风淳朴,村民日出而作、日落而息。 + 某一日清晨,所有村民都来到了村口,正在为一个十五六岁的少年送行。只见那 + 个少年虽然身体瘦弱,可是目中却绽放出异彩;身躯虽不壮实,倒也挺拔。 +

+

+ “你就是叶小凡?”男子淡淡开口,神识一扫,惊讶地发现此子的修行资质竟为甲等,眼中闪过一丝惊讶。 +

+

+ “在下林元青,千鹤派青山院掌尊,你既然通过了考核,便具备了修炼资质,你随我即刻上山,不得有误。” +

+

+ “在下林元青,千鹤派青山院掌尊,你既然通过了考核,便具备了修炼资质,你随我即刻上山,不得有误。” +

+

+ 千鹤派分为三大院,分别为青山院、绿水院以及神秘的玄冰院。每个院都有一个掌尊,林元青赫然便是青山院 + 的掌尊!掌尊地位之高,仅次于大长老;大长老之上,又有太上大长老。几乎只是两三次呼吸的时间,林元青 + 已经带着叶小凡来到了千鹤派的青山院。叶小凡两眼一花,仿佛上一刻还在村口,下一刻就看到了千鹤派的阁楼。 +

+
+
+
+ + + + + + + +
+
+ 目录 + 黑夜 + 设置 + 书评 +
+ + + \ No newline at end of file diff --git "a/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.js" "b/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..35d3d556e0907a38efe42102e77b89fc7058b537 --- /dev/null +++ "b/\346\236\227\346\265\231\351\276\231/211129CSS\345\223\215\345\272\224\345\274\217\350\256\276\350\256\241/index.js" @@ -0,0 +1,43 @@ +$(function(){ + //切换背景色 + let color=document.querySelectorAll('.page'); + // console.log(color); + color.forEach(element=>{ + element.onclick=function(event){ + let target=event.target; + let a=document.defaultView.getComputedStyle(target,null); + let b=a.backgroundColor; + let body=document.querySelector('body'); + body.style.backgroundColor=b; + } + }) + //切换字体大小 + $('u').on('click', function () { + if ($(this).html() == '特大') { + $('p').css('font-size', '30px'); + } else if ($(this).html() == '大') { + $('p').css('font-size', '25px'); + } else if ($(this).html() == '中') { + $('p').css('font-size', '20px'); + } else if ($(this).html() == '小') { + $('p').css('font-size', '10px'); + } + }) + let sum = true; +$('body').on('touchstart', function () { + //触摸屏事件 + //$(window).width() <= '480' &&判断可视窗口的大小配合click事件使用 + if (sum) { + $('.iostou').css('display', 'block'); + $('.weibu').css('display', 'block'); + $('.tousu').css('display', 'none'); + sum = false; + //$(window).width() <= '480' && + } else if (!sum) { + $('.iostou').css('display', 'none'); + $('.weibu').css('display', 'none'); + $('.tousu').css('display', 'block'); + sum = true; + } +}) +}) \ No newline at end of file diff --git "a/\346\236\227\346\265\231\351\276\231/211201CSS SVG \345\217\257\347\274\251\346\224\276\347\237\242\351\207\217\345\233\276\345\275\242/demo01.html" "b/\346\236\227\346\265\231\351\276\231/211201CSS SVG \345\217\257\347\274\251\346\224\276\347\237\242\351\207\217\345\233\276\345\275\242/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..1c9c7878cb03102cba40fe8cc1b4a82661919dcd --- /dev/null +++ "b/\346\236\227\346\265\231\351\276\231/211201CSS SVG \345\217\257\347\274\251\346\224\276\347\237\242\351\207\217\345\233\276\345\275\242/demo01.html" @@ -0,0 +1,33 @@ + + + + + + Document + + + + + + + + + + + + + + + + + + + + + + + This is 张雨欣 + + + \ No newline at end of file diff --git "a/\346\236\227\346\265\231\351\276\231/211201CSS SVG \345\217\257\347\274\251\346\224\276\347\237\242\351\207\217\345\233\276\345\275\242/demo02.html" "b/\346\236\227\346\265\231\351\276\231/211201CSS SVG \345\217\257\347\274\251\346\224\276\347\237\242\351\207\217\345\233\276\345\275\242/demo02.html" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391