WEB前端

分类:WEB前端

WEB前端

增强网页的交互性和视觉吸引力JS插件:ScrollReveal

当遇到喜欢交互动画的客户,我们通常会搭配「wow.js」 + 「animate.js」等JavaScript库来实现效果,而「animate.js」页面滚动到元素位置时触发动画效果,但只能触发一次,再次滚动到元素位置时则无效果。 那么我们可以使用「scrollreveal.js」来实现无限触发动画,来看介绍: ScrollRev……

WEB前端

给ckplayer播放器添加下载按钮

本方法适用于版本x,而官网最新已迭代到x3版本。 查阅官方文档,并没有找到添加下载按钮的方法,而且播放器版本比较旧,文档方法可能已不适用。 那就只能自己动手修改播放器JS了,修改过程如下: 1、定义“是否显示下载按钮” 2、定义按钮文本和提示文本 3、构建下载按钮容器 4、定义按钮样式 5、定义下载按钮点击事件,这里用a元素模拟点击链接来……

WEB前端

smartJQueryZoom - JQ图片任意缩放与拖拽插件

该插件支持给指定的Dom元素设置平移与缩放,并且支持移动端触摸,并兼容不支持CSS3的浏览器。 在PC上通过鼠标左键拖拽、滚轮缩放、双击放大。 在移动端上通过触摸事件交互。 使用方法 引入JQ与插件 添加元素 初始化插件 注意事项 初始化需要放置在$(document).ready()事件内,否则会报错 缩放元素不仅支持图片,也可以是任意……

WEB前端

油猴脚本-检查政府网站Meta标签

接到任务检查某政府网站下所有页面的Meta标签是否符合规范,如手动逐个检查需逐个页面查看源码十分麻烦,于是便撰写了个油猴脚本,打开页面展示指定的Meta是否存在以及其值 其原理是先把需检测的Meta标签以数组定义好,在进行数组循环逐个获取Meta标签,最后使用表格展示并写好漂浮等样式,脚本代码如下: 顶部的@match表示在哪些网址下生效……