H5
永远的新手
这个作者很懒,什么都没留下…
展开
-
js图片随鼠标移动,旋转,拉伸
效果如图,图片可以跟随鼠标移动,旋转,拉伸,代码在谷歌浏览器和IE11验证了,其他浏览器没试过本博客源码:https://github.com/shengbid/vue-demo把这个功能放在vue项目里了, 这个项目里会把平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈我主要讲一下实现思路,首先是移动,这个比较简单这里我用的是鼠标事件的pageX,pageY,因为这个获取的是鼠标距文档左上角的坐标,不受滚动条影响画一张图来演示...原创 2020-11-12 13:06:19 · 1760 阅读 · 5 评论 -
为网页实现mini-map效果
minimap效果的实现在项目中,需要制作出缩略图的效果。效果如下:minimap效果.gif在firefox可以使用 element属性实现该效果。(其它浏览器暂不支持)。这里使用iframe来达到更好的兼容性。效果分析minimap主要是对主体内容进行映射。主体html如下:<body> <div class="content"> <p> 文章内容 </p&..转载 2020-08-19 00:30:19 · 1623 阅读 · 0 评论 -
html5 audio音频播放全解析
1.html5 audio的语法以及属性和方法使用语法<audio src="song.mp3" controls="controls" loop="loop" autoplay="autoplay">亲 您的浏览器不支持html5的audio标签</audio>属性src是歌曲的路径controls播放控制 如果给标签里写了 controls="cont...原创 2019-12-26 19:22:58 · 344 阅读 · 0 评论