添加收藏 RSS 网站地图旧版网站

全部
网页特效
建站教程
设计分享

当前位置：首页 > 网页特效 > 图文相册 >

纯CSS制作带上下滚动和预览大图相册特效

时间：2013-11-13 来源：互联网

纯CSS制作带上下滚动和预览大图相册特效

特效说明：

一款纯CSS制作带上下滚动和预览大图相册网页特效，带上下按钮，点击缩略图预览相应大图。再不支持javaScript的浏览器上可以展示图文相册效果。优点：兼容性好，无任何js脚本支持。缺点：图片普通切换、生硬。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1.添加css样式：
/* 效果CSS开始 */....../* 效果CSS结束 */之间的样式拷贝到<head></head>之间。

2.加入html代码：
......之间的代码拷贝到<body></body>之间需要加入相册代码位置。

标签相册特效 CSS相册上下按钮特效

预览下载收藏分享

相关特效

响应式拖拽滑动带缩略图相册特效

一款响应式拖拽滑动带缩略图相册特效JS代码下载，这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图，点击左右按钮或者滑动切换上一张下一张图片特效。……

2018-04-04
jQuery带放大镜LightBox多图相册特效

一款jQuery带放大镜LightBox多图相册特效下载，该JS特效是一款可以显示相应缩略图的高清大图相册，且在浏览高清大图时还可以使用放大镜来查看局部细节放大效果。……

2016-06-28
Bootslider响应式全屏相册特效

一款Bootslider响应式全屏相册特效网页特效下载，该CSS3+jQuery特效适用于PC网站制作，响应式网站制作图片、相册展示应用。带左右箭头、索引按钮。……

2016-05-25
jQuery制作多图相册框里的图片随鼠标移动预览特效

一款jQuery制作多图相册框里的图片随鼠标移动预览特效，带左右按钮切换上一张、下一张图片，随鼠标上下移动预览图片特效免费下载。……

2016-05-22
jQuery九宫格图片拉伸变大图文相册特效

一款jQuery九宫格图片拉伸变大图文相册特效下载，该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……

2016-05-22
jQuery轻量级响应式全屏LightBox相册特效插件

一款jQuery轻量级响应式全屏LightBox相册特效插件，点击缩略图弹窗大图相册特效，可实现全屏自动播放相片图片特效，带左右按钮，点击左右按钮切换图片。……

2015-09-07
CSS3+slider制作多图3D切换相册特效

一款CSS3+slider制作多图3D切换相册特效，带左右按钮，自动轮播及点击按钮上下3D、左右3D方式切换图片相册特效代码。……

2015-07-24
多组图片带缩略图相册特效

一款多组图片带缩略图相册特效下载，该特效代码是鼠标点击缩略图可上下切换图片，点击右侧箭头可切换下一组图片，效果大气美观，站长素材推荐下载。……

2015-03-15
jQuery鼠标悬停时放大显示图片效果制作

一款jQuery鼠标悬停时放大显示图片效果制作，鼠标滑过/悬停小图变暗响且应式展示大图免费网页特效代码。……

2015-02-16
jQuery点击缩略图显示大图多图相册特效

一款jQuery点击缩略图显示大图多图相册特效，该相册特效代码基于jquery-1.4.2.min.js制作，可无限添加图片，点击缩略图显示图文并茂的大图，带箭头按钮图标，控制缩略图和大图切换。……

2015-01-08

最新更新特效

JS采用VUE制作无限极树形结构菜单展开收缩代码

2019-04-12
HTML5绘制动态线条像素背景动画特效

2019-04-12
jQuery网页视频在线播放器代码

2019-04-12
HTML5科幻空间动画背景网页特效

2019-04-12
jQuery滑动验证解锁插件slideunlock.js

2019-04-10

设计分享