#图片

一款基于jQuery可放大预览的图片滑块插件

今天给大家分享一款基于jQuery可放大预览的图片滑块插件。这款jQuery焦点图插件的特点是可以横向左右滑动图片,并且点击图片可以进行放大预览,唯一的缺陷是这款焦点图并不能循环切换,如果你有较好的JavaScript功底,可以自己修改代码来实现这一功能。效果图如下:在线预览   源码下载...

一款基于jquery的手风琴图片展示效果

今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的,当鼠标经过时图片变大且变为彩色。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="page-container"><divclass="flex...

一款纯css3实现的图片3D翻转幻灯片

之前介绍了好多款网页幻灯片,今天要给大家再带来一款纯css3实现的图片3D翻转幻灯片。这款幻灯片图片轮播采用了3D翻转的形式,效果非常不错。一起看下效果图:在线预览   源码下载实现的代码。html代码:<divstyle="width:850px;margin:auto;">...

纯css3实现图片三角形排列

当今是个读图时代。纯大部分网页或多或少都会用到图片。特别是图片较多的网页。图片的布局和排版就非常重要了。今天要给大写带来一款纯css3实现图片三角形排列。适合一系列的图片。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass='container'>&...

一款由jQuery实现的手风琴式相册图片展开效果

之前我们有分享过很多jQuery手风琴样式的菜单,比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别,它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片,并将其他的图片收缩起来。在线预览   源码下载实现的代码html代码:<articlei...

html5 canvas实现图片玻璃碎片特效

今天要为大家带来一款html5canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中,然后似玻璃被打碎的效果渐消息。效果图如下: 在线预览   源码下载 实现代码:html代码:<imgsrc="city_copy.jpg"id="src_img"c...

一款基于jquery超炫的图片切换特效

今天为给大家介绍一款基于jquery超炫的图片切换特效。由百叶窗飞入显示图片。图片消息的时候也是百叶窗渐行渐远。用于图片展示,效果还是非常好,我们一起看下效果图: 在线预览   源码下载 来看下实现的代码。注意了,这里有引用jquery和underscore插件。htm...

纯css3鼠标经过图片显示描述特效

今天给大家带来的是用css3技术实现鼠标经过图片,显示图片描述的动画效果。鼠标经过图片时,图片动画缩小并渐变显示描述。我们一起看看效果图: 在线预览   源码下载 我们一起学习下此案例的代码。html代码:<divalign="center"><div...

纯css3实现的创意图片放大镜

今天要给大家分享的的一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时,当前图片以灰色背景图的形式展示。效果非常不错。在线预览   源码下载实现的代码:html代码:<ulclass="gallery"><liclass="gallery_...

jquery.cropper 裁剪图片上传

https://github.com/fengyuanchen/cropper1、必要的文件引用:<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--><linkhref="/path/to/croppe...

css实现图片垂直居中

1、行高==高度:已知图片的高宽<divstyle="text-align:center;width:500px;height:200px;line-height:200px;border:greensolid1px;"><imgalt=""src="http://www.51dev.com//Fil...

css设置:图片文字等不能被选择

-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; ...

JQuery缓冲加载图片插件lazyload.js的使用方法

lazyload.js是一个基于JQuery的插件,可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来。通过这个插件,可以在需要显示图片的时候,才下载图片...

基于jQuery带进度条全屏图片轮播代码

基于jQuery带进度条全屏图片轮播代码。这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="pic"><ul><listyle="background:...

基于html5鼠标悬停图片动画展示效果

分享一款基于html5鼠标悬停图片动画展示效果。里面包含两款不同效果的html5图片展示效果。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="wrap"id="wrap"><divstyle="float:left;padding-top...
首页上一页...1920212223...下一页尾页