h5API
关注
分享
扫一扫
Curry 3O
I can do ALL things !
展开
-
图片放大镜功能
实现效果演示：鼠标移入左侧缩略图时，小盒子和右边大图显示，并且小盒子跟随鼠标移动，右侧大图出现放大效果。我将用三种方法来实现。1.原生js代码实现思路：1.原图窗口与放大窗口插入的是同一个图片，不过原图窗口的图片要适当缩小，放大窗口图片保持原大小，超出部分设置隐藏。2.先定下放大比例，例如本文原图大小为10001000，可以把原图窗口的图片设为400400，这样放大窗口就能实现2.5倍的...原创 2019-08-02 21:05:37 · 2349 阅读 · 2 评论 -
canvas制作动态太极图
用 canvas 画布绘制出一个会旋转的太极图方法一：运用css动画来实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态版太极图</title> <style> *{ margin: 0; ...原创 2019-08-06 13:40:48 · 1479 阅读 · 0 评论 -
七夕的小礼物
把这个送给你喜欢的人看，他/她会很开心的！示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>七夕的秘密</title> <style> canvas { position: absolute; t...原创 2019-08-07 12:35:28 · 323 阅读 · 0 评论 -
jquery树形插件zTree使用
一、介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。特点：1.zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载2.采用了延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀3.兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器4.支持...原创 2019-08-10 12:27:46 · 1019 阅读 · 1 评论 -
WebStorage
一、Webstorage介绍HTML5中与本地存储相关的两个重要内容：WebStorage与本地数据库。其中，WebStorage存储机制是对HTML4中cookie存储机制的一个改善。由于cookie存储机制有很多缺点，HTML5不再使用它，转而使用改良后的WebStorage存储机制。本地数据库是HTML5中新增的一个功能，使用它可以在客户端本地建立一个数据库，原本必须保存在服务器端数据库中...原创 2019-08-26 10:48:52 · 417 阅读 · 0 评论