useful-Demo

Demo Lists

HTML5

• 规定内容可编辑 contenteditable="true"

CSS3

• fontGIF
• base64,减少http请求，但不可压缩，容量变大
• 图片3D翻转动画
• CSS实现人走路动画
• css3好玩人物动画
• CSS浮动即鼠标滑向弹出效果
• CSS属性之word-break:break-all强制性换行

{　　word-break:break-all;
　　 word-wrap:break-word;
}

JavaScript

• localStorage缓存
• 搜索历史记录
• 复制到剪切板
• 全屏背景图
• H5页面唤醒app
• JS实现邮箱提示补全效果
• 表单注册进度条提示特效
• JS显示网站运行时间
• 统计页面浏览次数
• 点击弹窗之外地方，关闭弹窗
• 实现元素垂直居中效果
• 外链播放器
• 多行文本省略
• 打字效果
• 投票柱状百分比特效
• 相对位置固定定位
• 知乎点击链接图标
• 禁止网页复制文字（防侵权）
• 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
• BASE64
• 底部div版权文字居中
• 网站标题前面的小图标
• 腾讯地图定位

TODO

• 多语言切换（国际）

---

• 打印 onclick="window.print()

• fullpage内容

• 表单

  • placeholder
  • required
  • border-reduis
  • padding-right:70px(动态)
  • transition: padding 0.25s;

License

Copyright (c) ChungKing. All rights reserved.

Licensed under the MIT License.