- 博客(5)
- 收藏
- 关注
翻译 仿百度智能提示搜索框
演示效果: 代码: Document #main{ margin: 50px auto; width: 640px; font-size: 0; } #logo img{ height: 129px; width: 270px; padding: 0 185px;
2016-06-21 14:52:47 622
原创 简单的css实现二级导航(无插件、几十行代码)
演示如下: 代码如下: Document * { margin:0; padding:0;} ul, li { list-style:none;} a { text-decoration:none;} .nav { border:2px solid #ccc; border-right:none;float:left; margin:100px 0 0 300p
2016-06-16 16:49:15 834 1
原创 简单的屏幕弹幕功能的实现(原创)
演示如下: 代码如下: Document *{ margin: 0; padding: 0; } body{ overflow: hidden; } #main{ height: 670px; background-color: black; } #danmu_message{ position: absolute;
2016-06-08 17:22:21 1100
原创 用HTML5的canvas实现抽奖刮刮卡的效果(只需十几行代码)
演示如下: 初始状态: 单击鼠标刮完之后的状态: 代码如下: 刮刮抽奖 #div1{ width: 120px; height: 40px; color: red; position: absolute; text-align: center; line-height: 40px; font-size: 18px
2016-06-07 12:49:46 4115 1
翻译 css实现简单的水平垂直居中
演示如下: 代码如下: 无标题文档 .mydiv{ width:300px; height:200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -150px; background-color: red; }
2016-06-03 14:33:47 356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人