当遇到喜欢交互动画的客户,我们通常会搭配「wow.js」 + 「animate.js」等JavaScript库来实现效果,而「animate.js」页面滚动到元素位置时触发动画效果,但只能触发一次,再次滚动到元素位置时则无效果。 那么我们可以使用「scrollreveal.js」来实现无限触发动画,来看介绍: ScrollRev……
分类:WEB前端
给ckplayer播放器添加下载按钮
本方法适用于版本x,而官网最新已迭代到x3版本。 查阅官方文档,并没有找到添加下载按钮的方法,而且播放器版本比较旧,文档方法可能已不适用。 那就只能自己动手修改播放器JS了,修改过程如下: 1、定义“是否显示下载按钮” 2、定义按钮文本和提示文本 3、构建下载按钮容器 4、定义按钮样式 5、定义下载按钮点击事件,这里用a元素模拟点击链接来……
有趣的CSS题目挑战
前端群里发了个css的挑战题目,要求是把文字改成蓝色并且文字可以动态更新,觉得挺有趣的,于是尝试做了下。 网址:https://codepen.io/wheatup/pen/QWJYwXd/14786fcd2258841566d485710ccaffee 从题目可以看出,禁用了几个css属性 排除以上几个禁用属性,想了几个思路,在尝试了之……
jQuery.UI的Draggable(拖动)、Droppable(放置)功能组件参数、事件和方法说明
Draggable(拖动) 1、参数(Options) 选项 类型 描述 默认值 addClasses Boolean 如果设置为 false,将阻止 ui-draggable class 被添加。当在数百个元素上调用 .draggable() 时,这么设置有利于性能优化。 true appendTo jQuery 或 Element 或……
使用Ajax获取数据实现JS分页页码生成
根据网上资料制作ajaxpage.js,用于拿到数据后显示分页页码,调用示例方法如下: initPage(page)返回页码HTML,page对象传入参数说明: page.DataCount 列表数据总数量 page.PageSize 每页分页数量 page.PageIndex 当前页码 分页页码点击换页触发的函数: ajaxpage.j……
实测可用!免费的实名身份证验证接口PHP示例
接口是7K平台下的,仅供学习测试使用,在云市场这类接口是需要按次收费的 需要传随机生成的ID和密码,如果返回验证码错误提示,则表示验证通过! 验证过程详细请看源码,可自行改为其他语言,流程并不复杂。
小程序实现Iconfont多色图标
设计师使用Figma制作的效果图,其中图标都是矢量的,于是想到多色的图标能否在小程序使用呢? 通过搜索找到了一个开源的项目: https://github.com/iconfont-cli/mini-program-iconfont-cli 可以把iconfont平台图标批量转换成小程序的组件,且支持微信外的其他平台小程序,其中使用方法和……
微信小程序获取导航栏胶囊宽度高度和边距
如需自定义导航栏,需增加配置: 再通过微信文档提供的API方法,通过计算获取到胶囊的各项长度 其中每项对应值如下图示: 有了这个胶囊的位置等数据,我们就可以实现各种个性化的导航栏,如: 以上效果可以封装成自定义组件
smartJQueryZoom - JQ图片任意缩放与拖拽插件
该插件支持给指定的Dom元素设置平移与缩放,并且支持移动端触摸,并兼容不支持CSS3的浏览器。 在PC上通过鼠标左键拖拽、滚轮缩放、双击放大。 在移动端上通过触摸事件交互。 使用方法 引入JQ与插件 添加元素 初始化插件 注意事项 初始化需要放置在$(document).ready()事件内,否则会报错 缩放元素不仅支持图片,也可以是任意……
油猴脚本-检查政府网站Meta标签
接到任务检查某政府网站下所有页面的Meta标签是否符合规范,如手动逐个检查需逐个页面查看源码十分麻烦,于是便撰写了个油猴脚本,打开页面展示指定的Meta是否存在以及其值 其原理是先把需检测的Meta标签以数组定义好,在进行数组循环逐个获取Meta标签,最后使用表格展示并写好漂浮等样式,脚本代码如下: 顶部的@match表示在哪些网址下生效……