用户:Nannnnn/代码测试：修订间差异

2025年1月20日 (一) 20:22的最新版本

点击前往WEB在线调试工具，蛮好用的
 User:Nannnnn/代码测试/common.js←知道用不了，但是在这放一个链接以免忘了

连网络暮年人都开始研究CSS了
你还有什么理由不去学代码？

代码白痴缓慢爬行中...
~~这人连按钮都不会用~~现在姑且会了，但别指望这个页面搞啥高大上的

我需要一个点击后出现新的一段并不保留旧按钮的按钮代码，然后我抄来一份作业，还是看不懂（头秃）
可恶，抄作业多抄了一个div，蒙了半天

yee，好像抄到梦中情码了！

捏吗，span头不对div嘴你是怎么运行起来的！！！？？？（尖叫）（扭曲）（上蹿下跳）

抄作业
目录 1 test0 2 test1 3 test2 4 test3 5 成品 6 test 7 密码盘1 8 密码盘2 9 图 10 格式收藏 11 链接 12 ad 13 一个会变色的块儿 14 皮达不溜第 15 拉个线试试 16 日历，俺不想修了 test0 点击后各自展示各自的内容，可叠加（前提是命名不冲突） tap1 从茉莉茶厅抄的 tap2 莘青与饭不可得兼 test1 tap1展开，tap2替换，tap3覆盖全部。好像是这样 tap1 从奥斯曼戴斯抄的 tap2 文字A2 tap3 文字A3 test2 普通的排列 tap1 文字B1 tap2 文字B2 tap3 文字B3 test3 taps 从破碎倒影抄的 1.1 1.2 1,1 2.1 2.2 2.3 2,3 9 8 7

成品

理想建设ing...

START

A B

test

初始页

Next→

密码盘1

[ Enter Password ]

QWERTYUIOP
ASDFGHJKL
cancelZXCVBNMbackspace

密码盘2

[ Enter Password ]

QWERTYUIOP
ASDFGHJKL
cancelZXCVBNMbackspace

图

哎嘿 <img src="//wiki.pigeon-games.com/images/thumb/9/9e/Swack-reload.jpg/600px-Swack-reload.jpg" width=50px height=50px style="border-radius:15px;" />

格式收藏

不得不说，系主任课件里面的配色非常的，优美，和自然

链接

速破密码盘诀窍孩子搞塔怎么办能自己制作词条的网站phigrOS刷机大脑绘画创世光盘排行霓虹透镜房价重生遗物跑腿代领

ad


椰子特产在海南正宗椰树 29年坚持在海南岛用新鲜椰子肉鲜榨不用椰浆不加香精当生榨

一个会变色的块儿

含字的话这行代码不能用div，不然会疯狂延伸

皮达不溜第

[ ****** ***** ]

qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm← qwertyuiop
asdfghjklX
zxcvbnm←

⤶

拉个线试试


keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out

底下为没有绝对定位的正常版本，二者各有各的窒息懒得解释了，最大问题是br无效

keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out keep out

日历，俺不想修了

冷知识：
巴别那天刚好是中元节:)

S

M

T

W

T

F

S

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

巴别

30

31

@@ 第1行： / 第1行： @@
-<templatestyles src="User:Nannnnn/代码测试/common.css"/><br>
+<templatestyles src="User:Nannnnn/代码测试/common.css"/>
-[https://www.jyshare.com/front-end/61/ 点击前往WEB在线调试工具，蛮好用的]
+[https://www.jyshare.com/front-end/61/ 点击前往WEB在线调试工具，蛮好用的]<br>
 [[User:Nannnnn/代码测试/common.js]]←知道用不了，但是在这放一个链接以免忘了
 <div style="border: 4px solid Tomato;"><center><span style="text-transform: uppercase;font-size: 50px;color: #DA0000;text-shadow: 0 5px 7px #000000, 0px -2px 1px #fff;font-weight: bold;letter-spacing:-4px;background:linear-gradient(to bottom, #FF3333 0%,#FFFFFF 100%);">&nbsp;'''''连网络暮年人都开始研究CSS了'''''&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
@@ 第376行： / 第376行： @@
 <center>'''[222]'''</center><br>
+</div>
+==拉个线试试==
+{| class="mw-collapsible mw-collapsed wikitable" data-expandtext="点击后向上拉，在密码盘2下边" data-collapsetext="由于使用了绝对定位，导致贴一条是一条（悲伤）"
+!colspan="1"|
+|-
+|
+<div class="ye1-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<br><br><br>
+<div class="ye2-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<br><br><br>
+|}
+底下为没有绝对定位的正常版本，二者各有各的窒息懒得解释了，最大问题是br无效<br><br><br>
+<div class="ye3-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye4-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye3-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye4-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye3-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye4-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye3-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
+</div>
+<div class="ye4-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
 </div>
@@ 第433行： / 第463行： @@
 <div class="img">[[File:像素塔.jpg|center|150px]]</div>
 </div>
-==拉个线试试==
-{| class="mw-collapsible mw-collapsed wikitable" data-expandtext="点击后向上拉，在密码盘2下边" data-collapsetext="由于使用了绝对定位，导致贴一条是一条（悲伤）"
-!colspan="1"|
-|-
-|
-<div class="ye1-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
-</div><br>
-<div class="ye2-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
-</div><br>
-底下为没有绝对定位的正常版本，缺点是不能乱贴，且二者代码不太一样懒得解释了<br>
-testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
-<div class="ye3-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
-</div><br>
-testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
-<div class="ye4-rotate"><small><font style="background-color:black">{{文字描边|{{shadowcolor|yellow|&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;keep out&nbsp;&nbsp;|0px 0px 7px}}|文本颜色=yellow|描边宽度=3px}}</font></small>
-</div><br>
-|}

匿名

搜索

用户:Nannnnn/代码测试：修订间差异

命名空间

更多

页面操作

2025年1月20日 (一) 20:22的最新版本

目录

test0

test1

test2

test3

成品

test

密码盘1

密码盘2

图

格式收藏

链接

ad

一个会变色的块儿

皮达不溜第

拉个线试试

日历，俺不想修了

导航

导航

帮助

随机

Wiki工具

Wiki工具

匿名

搜索

用户:Nannnnn/代码测试：修订间差异

2025年1月20日 (一) 20:22的最新版本

test0

test1

test2

test3

成品

test

密码盘1

密码盘2

图

格式收藏

链接

ad

一个会变色的块儿

皮达不溜第

拉个线试试

日历，俺不想修了

导航

Wiki工具

页面工具