代码小公主 - 博客园

2016年12月7日

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #wrap { position: absolute; 阅读全文

posted @ 2016-12-07 20:45 代码小公主阅读(4751) 评论(0) 推荐(0) 编辑

2016年12月3日

自定义滚动条——控制div的大小和透明度

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #big { height: 20px; width: 600px; background-color: gray 阅读全文

posted @ 2016-12-03 23:05 代码小公主阅读(3978) 评论(0) 推荐(0) 编辑

自定义滚动条——控制文字的滚动

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #big { height: 20px; width: 600px; background-color: gray 阅读全文

posted @ 2016-12-03 23:02 代码小公主阅读(1354) 评论(0) 推荐(0) 编辑

拖拽——带框

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { height: 300px; width: 300px; background-color: gre 阅读全文

posted @ 2016-12-03 22:03 代码小公主阅读(243) 评论(0) 推荐(0) 编辑

解决拖拽有内容的div的bug和兼容问题

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #big { height: 800px; width: 800px; background-color: #00 阅读全文

posted @ 2016-12-03 14:30 代码小公主阅读(708) 评论(0) 推荐(1) 编辑

实现小窗口拖拽的效果

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { height: 300px; width: 300px; background-color: gre 阅读全文

posted @ 2016-12-03 09:15 代码小公主阅读(755) 评论(0) 推荐(0) 编辑

2016年12月2日

实现右键自定义菜单

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #menu { height: 200px; width: 50px; border: 1px solid gra 阅读全文

posted @ 2016-12-02 22:40 代码小公主阅读(945) 评论(0) 推荐(0) 编辑

2016年11月30日

留言板效果，爱的告白

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { border: 2px solid deeppink; width: 1000px; margin: 阅读全文

posted @ 2016-11-30 22:53 代码小公主阅读(441) 评论(0) 推荐(0) 编辑

2016年11月24日

彩票，随机一注效果

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> #btn { height: 30px; width: 100px; border: 1p 阅读全文

posted @ 2016-11-24 20:10 代码小公主阅读(964) 评论(1) 推荐(0) 编辑

JS制作计算器（键盘版）

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #show { width: 232px; height: 80px; color: white; border- 阅读全文

posted @ 2016-11-24 19:44 代码小公主阅读(3142) 评论(0) 推荐(0) 编辑