ちょうきょう666

导航

2020年12月18日

javascript9分享到菜单，菜单在屏幕左侧的移出和收回

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height: 200px;background-color: grey;pos 阅读全文

posted @ 2020-12-18 14:27 ちょうきょう666 阅读(137) 评论(0) 推荐(0)

javascript8图片刹车运动

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height: 100px;position: absolute;backgro 阅读全文

posted @ 2020-12-18 14:26 ちょうきょう666 阅读(59) 评论(0) 推荐(0)

javascript7图片的淡入淡出

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #img1{opacity: 0.3;} 8 </style> 9 <script> 10 window.onload 阅读全文

posted @ 2020-12-18 14:24 ちょうきょう666 阅读(102) 评论(0) 推荐(0)

javascript6鼠标拖拽图片

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> #div1{width: 100px; height: 100px; background-color: red; pos 阅读全文

posted @ 2020-12-18 14:22 ちょうきょう666 阅读(107) 评论(0) 推荐(0)

javascript5每秒改变字体颜色的大小

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 400px; height: 200px; background-color: white; 阅读全文

posted @ 2020-12-18 14:19 ちょうきょう666 阅读(252) 评论(0) 推荐(0)

javascript4动态生成表格

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #t1 tr td{height: 30px; width: 100px;} .box0{background-color: #0000FF;} 阅读全文

posted @ 2020-12-18 14:18 ちょうきょう666 阅读(94) 评论(0) 推荐(0)

javascript3跟随鼠标的提示框

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 a{display: block;font-size: 40px;margin: 100px;width: 130px 阅读全文

posted @ 2020-12-18 14:17 ちょうきょう666 阅读(107) 评论(0) 推荐(0)

javascript2选项卡

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1 button{width: 100px; height: 30px; background-color: 阅读全文

posted @ 2020-12-18 14:14 ちょうきょう666 阅读(55) 评论(0) 推荐(0)