鼠标驱动背景图片动画jQuery特效 PetitQ 图片/图形 2019-1-18 1.56K 0 1 这是一款jQuery鼠标驱动背景图片动画特效。该特效在鼠标移动悬停到某张缩略图上的时候,全屏背景图片会随之切换为这张缩略图的大图。 使用方法 在页面中引入jquery和style.css。 HTML结构 整体布局的HTML结构如下。…
鼠标驱动背景图片动画jQuery特效 PetitQ 图片/图形 2019-1-18 1.56K 0 1 这是一款jQuery鼠标驱动背景图片动画特效。该特效在鼠标移动悬停到某张缩略图上的时候,全屏背景图片会随之切换为这张缩略图的大图。 使用方法 在页面中引入jquery和style.css。 HTML结构 整体布局的HTML结构如下。…
纯CSS3带倒影效果的图片翻转特效 PetitQ 图片/图形 2019-12-23 1.39K 0 1 这是一款纯css3带倒影效果的图片翻转特效。该特效在鼠标悬停图片时,可以翻转图片,同时图片还带有炫酷的倒影效果。 HTML结构 CSS样式 初始化时隐藏窗口内容 body { display: flex; justify-conte…
纯CSS3带倒影效果的图片翻转特效 PetitQ 图片/图形 2019-12-23 1.39K 0 1 这是一款纯css3带倒影效果的图片翻转特效。该特效在鼠标悬停图片时,可以翻转图片,同时图片还带有炫酷的倒影效果。 HTML结构 CSS样式 初始化时隐藏窗口内容 body { display: flex; justify-conte…
图片内部缩放和平移jQuery插件 PetitQ 图片/图形 2018-11-17 1.41K 0 1 jquery.zoom.js是一款非常实用的图片内部缩放和平移jQuery插件。该插件可以鼠标滑过图片,点击图片或移动手机上触摸图片时,将图片进行放大或平移操作。 使用方法 在页面中引入jquery和jquery-zoom.js文件…
图片内部缩放和平移jQuery插件 PetitQ 图片/图形 2018-11-17 1.41K 0 1 jquery.zoom.js是一款非常实用的图片内部缩放和平移jQuery插件。该插件可以鼠标滑过图片,点击图片或移动手机上触摸图片时,将图片进行放大或平移操作。 使用方法 在页面中引入jquery和jquery-zoom.js文件…
SlipHover 鼠标经过滑动蒙层遮住jQuery插件 PetitQ 图片/图形, 瀑布流 2018-11-14 2.05K 0 1 SlipHover是一款效果很酷的jquery鼠标经过显示滑动图片遮住插件。这款图片遮住插件有12中效果,当鼠标Hover图片时,遮罩层出现,鼠标移动到另一张图片时,遮罩层有一种穿越图片的效果,引入js文件: 调用插件 $("#co…
SlipHover 鼠标经过滑动蒙层遮住jQuery插件 PetitQ 图片/图形, 瀑布流 2018-11-14 2.05K 0 1 SlipHover是一款效果很酷的jquery鼠标经过显示滑动图片遮住插件。这款图片遮住插件有12中效果,当鼠标Hover图片时,遮罩层出现,鼠标移动到另一张图片时,遮罩层有一种穿越图片的效果,引入js文件: 调用插件 $("#co…
基于滚动的超酷js图片动画特效 PetitQ 图片/图形 2019-7-10 1.50K 0 1 这是一款基于滚动的超酷js图片动画特效。该特效在使用鼠标滚动屏幕时,根据屏幕的当前位置,屏幕上的图片做出相应的动画效果,非常炫酷。 HTML结构 CSS样式 // The container for all images .cont…
基于滚动的超酷js图片动画特效 PetitQ 图片/图形 2019-7-10 1.50K 0 1 这是一款基于滚动的超酷js图片动画特效。该特效在使用鼠标滚动屏幕时,根据屏幕的当前位置,屏幕上的图片做出相应的动画效果,非常炫酷。 HTML结构 CSS样式 // The container for all images .cont…
intense images 图片全屏动态展示js插件 PetitQ 图片/图形 2018-11-15 1.67K 0 1 intense-images是一款非常实用的超大图片全屏动态展示js插件。该图片查看插件可以全屏显示超大图片,可以使用鼠标来和图片进行交互,上下左右移动鼠标会相应的移动图片,对于超大图片的展示是非常好的用户体验。 使用方法 该超大图…
intense images 图片全屏动态展示js插件 PetitQ 图片/图形 2018-11-15 1.67K 0 1 intense-images是一款非常实用的超大图片全屏动态展示js插件。该图片查看插件可以全屏显示超大图片,可以使用鼠标来和图片进行交互,上下左右移动鼠标会相应的移动图片,对于超大图片的展示是非常好的用户体验。 使用方法 该超大图…
纯css3可点击放大缩小的3D弹跳小球动画 PetitQ 图片/图形 2019-1-18 1.90K 0 1 这是一款很有意思的使用纯css3制作的3d弹跳小球动画。该css3小球动画效果非常逼真,可以用鼠标按住小球使其缩小,放开鼠标后小球又会慢慢放大。
纯css3可点击放大缩小的3D弹跳小球动画 PetitQ 图片/图形 2019-1-18 1.90K 0 1 这是一款很有意思的使用纯css3制作的3d弹跳小球动画。该css3小球动画效果非常逼真,可以用鼠标按住小球使其缩小,放开鼠标后小球又会慢慢放大。