51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#图片
一款基于jQuery可放大预览的图片滑块插件
今天给大家分享一款基于jQuery可放大预览的图片滑块插件。这款jQuery焦点图插件的特点是可以横向左右滑动图片,并且点击图片可以进行放大预览,唯一的缺陷是这款焦点图并不能循环切换,如果你有较好的JavaScript功底,可以自己修改代码来实现这一功能。效果图如下:在线预览 源码下载...
代码星球
·
2021-01-21
一款
基于
jQuery
放大
预览
一款基于jquery的手风琴图片展示效果
今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的,当鼠标经过时图片变大且变为彩色。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="page-container"><divclass="flex...
代码星球
·
2021-01-21
一款
基于
jquery
手风琴
图片
一款纯css3实现的图片3D翻转幻灯片
之前介绍了好多款网页幻灯片,今天要给大家再带来一款纯css3实现的图片3D翻转幻灯片。这款幻灯片图片轮播采用了3D翻转的形式,效果非常不错。一起看下效果图:在线预览 源码下载实现的代码。html代码:<divstyle="width:850px;margin:auto;">...
代码星球
·
2021-01-21
一款
css3
实现
图片
3D
纯css3实现图片三角形排列
当今是个读图时代。纯大部分网页或多或少都会用到图片。特别是图片较多的网页。图片的布局和排版就非常重要了。今天要给大写带来一款纯css3实现图片三角形排列。适合一系列的图片。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass='container'>&...
代码星球
·
2021-01-21
css3
实现
图片
三角形
排列
一款由jQuery实现的手风琴式相册图片展开效果
之前我们有分享过很多jQuery手风琴样式的菜单,比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别,它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片,并将其他的图片收缩起来。在线预览 源码下载实现的代码html代码:<articlei...
代码星球
·
2021-01-21
一款
jQuery
实现
手风琴
相册
html5 canvas实现图片玻璃碎片特效
今天要为大家带来一款html5canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中,然后似玻璃被打碎的效果渐消息。效果图如下: 在线预览 源码下载 实现代码:html代码:<imgsrc="city_copy.jpg"id="src_img"c...
代码星球
·
2021-01-21
html5
canvas
实现
图片
玻璃
一款基于jquery超炫的图片切换特效
今天为给大家介绍一款基于jquery超炫的图片切换特效。由百叶窗飞入显示图片。图片消息的时候也是百叶窗渐行渐远。用于图片展示,效果还是非常好,我们一起看下效果图: 在线预览 源码下载 来看下实现的代码。注意了,这里有引用jquery和underscore插件。htm...
代码星球
·
2021-01-21
一款
基于
jquery
超炫
图片
纯css3鼠标经过图片显示描述特效
今天给大家带来的是用css3技术实现鼠标经过图片,显示图片描述的动画效果。鼠标经过图片时,图片动画缩小并渐变显示描述。我们一起看看效果图: 在线预览 源码下载 我们一起学习下此案例的代码。html代码:<divalign="center"><div...
代码星球
·
2021-01-21
css3
鼠标
经过
图片
显示
纯css3实现的创意图片放大镜
今天要给大家分享的的一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时,当前图片以灰色背景图的形式展示。效果非常不错。在线预览 源码下载实现的代码:html代码:<ulclass="gallery"><liclass="gallery_...
代码星球
·
2021-01-21
css3
实现
创意
图片
放大镜
jquery.cropper 裁剪图片上传
https://github.com/fengyuanchen/cropper1、必要的文件引用:<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--><linkhref="/path/to/croppe...
代码星球
·
2021-01-21
jquery.cropper
裁剪
图片
上传
css实现图片垂直居中
1、行高==高度:已知图片的高宽<divstyle="text-align:center;width:500px;height:200px;line-height:200px;border:greensolid1px;"><imgalt=""src="http://www.51dev.com//Fil...
代码星球
·
2021-01-21
css
实现
图片
垂直
居中
css设置:图片文字等不能被选择
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; ...
代码星球
·
2021-01-21
css
设置
图片
文字
能被
JQuery缓冲加载图片插件lazyload.js的使用方法
lazyload.js是一个基于JQuery的插件,可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来。通过这个插件,可以在需要显示图片的时候,才下载图片...
代码星球
·
2021-01-21
JQuery
缓冲
加载
图片
插件
基于jQuery带进度条全屏图片轮播代码
基于jQuery带进度条全屏图片轮播代码。这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="pic"><ul><listyle="background:...
代码星球
·
2021-01-21
基于
jQuery
进度
全屏
图片
基于html5鼠标悬停图片动画展示效果
分享一款基于html5鼠标悬停图片动画展示效果。里面包含两款不同效果的html5图片展示效果。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="wrap"id="wrap"><divstyle="float:left;padding-top...
代码星球
·
2021-01-21
基于
html5
鼠标
悬停
图片
首页
上一页
...
19
20
21
22
23
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他