简洁实用jQuery进度条插件 PetitQ 其他代码 2018-11-04 2.17K 0 0 这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。 使用方法: 在页面中引入an-skill-bar.css和jquery、an-skill-bar.js文件。…
简洁实用jQuery进度条插件 PetitQ 其他代码 2018-11-04 2.17K 0 0 这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。 使用方法: 在页面中引入an-skill-bar.css和jquery、an-skill-bar.js文件。…
CSS3创意loading文字特效 PetitQ 其他代码 2019-1-20 2.16K 0 1 这是一款非常有创意的纯CSS3 loading加载文字动画特效。该loading文字特效中,字母O的内圆会不停的放大缩小,使用这个动画效果来提示用户当前的页面或任务正在加载中。 HTML结构 该loading文字特效的HTML结构中…
CSS3创意loading文字特效 PetitQ 其他代码 2019-1-20 2.16K 0 1 这是一款非常有创意的纯CSS3 loading加载文字动画特效。该loading文字特效中,字母O的内圆会不停的放大缩小,使用这个动画效果来提示用户当前的页面或任务正在加载中。 HTML结构 该loading文字特效的HTML结构中…
hotkeys - 捕获键盘输入和输入组合键 PetitQ 其他代码 2018-10-29 2.16K 0 0 hotkeys.js是一款用于捕获键盘输入和输入组合键的js库。hotkeys.js没有依赖,压缩后小于3kb。hotkeys.js可以捕获用户的键盘按键或组合键的输入,非常实用。 使用方法: import React, { Com…
hotkeys - 捕获键盘输入和输入组合键 PetitQ 其他代码 2018-10-29 2.16K 0 0 hotkeys.js是一款用于捕获键盘输入和输入组合键的js库。hotkeys.js没有依赖,压缩后小于3kb。hotkeys.js可以捕获用户的键盘按键或组合键的输入,非常实用。 使用方法: import React, { Com…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.15K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.15K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
基于Bootstrap 3日期时间jQuery选择器 PetitQ 其他代码 2018-11-03 2.15K 0 0 bootstrap-datetimepicker是一款基于Bootstrap 3的超实用jQuery日期时间选择器。通过该jQuery插件你可以非常容易的创建很酷的bootstrap样式的日期时间选择器。你也可以通过修改css文件来…
基于Bootstrap 3日期时间jQuery选择器 PetitQ 其他代码 2018-11-03 2.15K 0 0 bootstrap-datetimepicker是一款基于Bootstrap 3的超实用jQuery日期时间选择器。通过该jQuery插件你可以非常容易的创建很酷的bootstrap样式的日期时间选择器。你也可以通过修改css文件来…
贝兹曲线和弧线运动jQuery插件 PetitQ 其他代码 2018-11-16 2.13K 0 3 jQuery.path是一款可以实现元素沿贝兹曲线和弧线运动的jQuery插件。这是一个工具类插件,它提供了一写多维的动画的方法,特别是提供了沿Bezier曲线和圆弧的动画方法。Bezier(贝兹曲线示例):下面是沿一条贝兹曲线动画…
贝兹曲线和弧线运动jQuery插件 PetitQ 其他代码 2018-11-16 2.13K 0 3 jQuery.path是一款可以实现元素沿贝兹曲线和弧线运动的jQuery插件。这是一个工具类插件,它提供了一写多维的动画的方法,特别是提供了沿Bezier曲线和圆弧的动画方法。Bezier(贝兹曲线示例):下面是沿一条贝兹曲线动画…
纯js带二维码的qq在线客服悬浮代码 PetitQ 其他代码 2018-10-30 2.13K 0 1 这是一款纯js qq在线客服悬浮代码。该qq在线客服会一直悬浮在页面的右侧,跟随页面一起滚动。并且该qq在线客服带有二维码,兼容ie8浏览器,非常实用。 使用方法: 在页面中引入style.css和qq.js文件。 HTML结构: …
纯js带二维码的qq在线客服悬浮代码 PetitQ 其他代码 2018-10-30 2.13K 0 1 这是一款纯js qq在线客服悬浮代码。该qq在线客服会一直悬浮在页面的右侧,跟随页面一起滚动。并且该qq在线客服带有二维码,兼容ie8浏览器,非常实用。 使用方法: 在页面中引入style.css和qq.js文件。 HTML结构: …
基于vuejs的鼠标悬停动物显示和隐藏动画特效 PetitQ 其他代码 2019-12-10 2.12K 0 1 这是一款基于vuejs的鼠标悬停动物显示和隐藏动画特效。该特效使用vuejs来编写,在鼠标悬停到卡片上面时,会有一只指定的小狗从卡片下冒出来,非常炫酷和可爱。 使用方法 在HTML文件中引入 Codepen网址:https://co…
基于vuejs的鼠标悬停动物显示和隐藏动画特效 PetitQ 其他代码 2019-12-10 2.12K 0 1 这是一款基于vuejs的鼠标悬停动物显示和隐藏动画特效。该特效使用vuejs来编写,在鼠标悬停到卡片上面时,会有一只指定的小狗从卡片下冒出来,非常炫酷和可爱。 使用方法 在HTML文件中引入 Codepen网址:https://co…
纯CSS百分比圆形进度条插件 PetitQ 其他代码 2019-1-24 2.12K 0 0 percircle是一款简单实用的纯CSS百分比圆形进度条插件。你不需要做任何设置,只需要按该圆形进度条插件提供的标准HTML结构来编写代码,就可以生成一个漂亮的百分比圆形进度条。 使用方法 使用该幻灯片插件需要在页面中引入jQue…
纯CSS百分比圆形进度条插件 PetitQ 其他代码 2019-1-24 2.12K 0 0 percircle是一款简单实用的纯CSS百分比圆形进度条插件。你不需要做任何设置,只需要按该圆形进度条插件提供的标准HTML结构来编写代码,就可以生成一个漂亮的百分比圆形进度条。 使用方法 使用该幻灯片插件需要在页面中引入jQue…
简单跑马灯式滚动新闻jQuery插件 PetitQ 其他代码 2018-11-02 2.09K 0 0 Smart Marquee是一款简单实用的跑马灯式滚动新闻jQuery插件。该插件可以在水平或垂直方向上滚动一个列表中的内容,制作类似跑马灯的效果。并可以设置循环模式,鼠标移动到列表项时会暂停新闻列表的滚动。这个插件适用于制作滚动新…
简单跑马灯式滚动新闻jQuery插件 PetitQ 其他代码 2018-11-02 2.09K 0 0 Smart Marquee是一款简单实用的跑马灯式滚动新闻jQuery插件。该插件可以在水平或垂直方向上滚动一个列表中的内容,制作类似跑马灯的效果。并可以设置循环模式,鼠标移动到列表项时会暂停新闻列表的滚动。这个插件适用于制作滚动新…
clockpicker - 时钟样式jquery日期时间选择器 PetitQ 其他代码 2018-11-03 2.07K 0 0 这是一个为Bootstrap定制的时钟样式的日期时间选择插件,当然也可以单独使用jQuery来实现。它的兼容性非常好,可兼容所用的现代浏览器,包括IE9,IE8下效果也不错。ClockPicker最先是为Bootstrap定制的,所…
clockpicker - 时钟样式jquery日期时间选择器 PetitQ 其他代码 2018-11-03 2.07K 0 0 这是一个为Bootstrap定制的时钟样式的日期时间选择插件,当然也可以单独使用jQuery来实现。它的兼容性非常好,可兼容所用的现代浏览器,包括IE9,IE8下效果也不错。ClockPicker最先是为Bootstrap定制的,所…
HTML5+CSS3炫酷火箭升空动画特效 PetitQ 其他代码 2019-7-25 2.07K 0 0 这是一款HTML5 svg和CSS3炫酷火箭升空动画特效。该特效的火箭使用SVG来实现,并通过CSS3动画来实现火箭的动画特效。 HTML结构 CSS样式 body { background-color: #1f2740; text…
HTML5+CSS3炫酷火箭升空动画特效 PetitQ 其他代码 2019-7-25 2.07K 0 0 这是一款HTML5 svg和CSS3炫酷火箭升空动画特效。该特效的火箭使用SVG来实现,并通过CSS3动画来实现火箭的动画特效。 HTML结构 CSS样式 body { background-color: #1f2740; text…