HTML - 分享生活和学习中的点点滴滴

前端技术 2023/09/07 HTML

先给大家展示下效果图：刮刮卡需求：每一位用户有三次刮刮卡的机会本次刮刮卡的结果会覆盖上次的结果刮刮卡的中奖几率呈现为递增的曲线（保证三次中必须有一次中奖）刮出的结果包含按钮既（领取奖品 or 再来一次）分享活动奖品升级（这里主要是微信分享的回调了）我们自己的需求，今天就...

前端技术 2023/09/07 HTML

一、HTML中多媒体的应用_falsh动画（往网页中插入Flash动画） 1. Flash动画插入第一种方法：使用<embed>...</embed>标记动画会自动缩小属性：src=url(Flash路径)width=像素/百分比（flash宽度）he...

前端技术 2023/09/07 HTML

在上一篇《HTML5本地存储之Web Storage篇》中，简单介绍了如何利用localStorage实现本地存储；实际上，除了sessionStorage和localStorage外，HTML5还支持通过本地数据库进行本地数据存储，HTML5采用的是\"SQL...

针对HTML5的Web Worker使用攻略

前端技术 2023/09/07 HTML

Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。一：如何使用Worker 　　Web Worker的基本原理就是在当前javascript的主线程中，使用Worker...

前端技术 2023/09/07 HTML

在过去 flash 是网页上最好的解决视频的方法，截至到目前还算是主流，像那些优酷之类的视频网站、虾米那样的在线音乐网站，仍然使用 flash 来提供播放服务。但是这种状况将会随着 HTML5 的发展而改变。就视频而言，HTML5 新增了 video 来实现在线播放视频的功能。...

前端技术 2023/09/07 HTML

在html页面中，我们有时需要让div中的内容超出后自动显示滚动条，我们可以这样设置：复制代码代码如下: <div class=\"classlist\"> <div class=\"autoScroll\"> <asp:Radi...

html5使用canvas绘制文字特效

前端技术 2023/09/07 HTML

<canvas id=\"canvas\" width=\"500\" height=\"400\" style=\"background-color: yellow;\"></canvas> 复制代码代码如下:var canvas=document.g...

前端技术 2023/09/07 HTML

应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位...

前端技术 2023/09/07 HTML

然而，也有很多小的非常好的特征；其中一个就是新添加的download属性。download属性能让我们指定浏览器下载时采用新的文件名称，也就是在客户端重命名下载文件。而不是链接上原始的文件名称。实际上download属性更合适的名称是downloadName。 HTML代码把...

html5 更新图片颜色示例代码

前端技术 2023/09/07 HTML

复制代码代码如下: <canvas id=\"c1\" width=\"1220\" height = \"880\" style=\"background: none repeat scroll 0% 0% transparent; \"></canvas&...

关闭

我的博客