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

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

当前位置：首页 > 网页特效 > 焦点图 >

jQuery鼠标点击图片透明渐变翻开切换焦点图

时间：2015-08-03 来源：互联网

jQuery鼠标点击图片透明渐变翻开切换焦点图

特效说明：

一款jQuery鼠标点击图片透明渐变翻开切换焦点图网页特效,鼠标点击图片向上移动渐变消失切换图片，带自动轮播、页码标识JS焦点图代码。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码：
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

标签图片特效透明渐变 js特效焦点图鼠标点击

预览收藏分享评论

相关特效

CSS3动画响应式全屏焦点图网页特效

一款CSS3动画响应式全屏焦点图网页特效免费下载，纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码，响应式网站制作必备代码素材。……

2016-05-22
jQuery过滤器插件fastLiveFilter

一款jQuery过滤器插件fastLiveFilter免费代码素材，fastLiveFilter这是jQuery过滤器插件,超轻量级（大小只有2K），用法简单执行效率高。……

2016-05-22
jQuery图片图像对比插件coveringBad.js特效Demo

一款jQuery图片图像对比查看差异coveringBad.js网页特效插件，通过鼠标拖拽按钮查看当前图像与背景图像差异jQuery插件，婚纱摄影网站建设图片对比插件。……

2016-05-22
一款基于TweenMax.js焦点图特效

一款一款基于TweenMax.js焦点图网页特效，不规则图片透明渐变切换图片JS代码。酷炫网站焦点图代码素材。……

2015-10-15
jQuery仿QQ音乐大转盘抽奖代码

一款jQuery仿QQ音乐大转盘抽奖代码页特效，绿色12等份网格幸运大转盘抽奖程序JS代码下载。……

2015-08-22
自定义百度分享URL以及图标样式JS代码

一款自定义百度分享URL以及图标样式JS代码网页特效，可以应用于响应式网页制作、微信网页制作分享代码。……

2015-08-21
如何自定义百度分享URL以及图标？

一款自定义百度分享URL以及图标样式JS代码网页特效，可以应用于响应式网页制作、微信网页制作分享代码。……

2015-08-21
jQuery点击空白处隐藏弹出层

一款jQuery点击空白处隐藏弹出层网页特效，点击按钮弹出层、点击页面空白处弹出层消失JS代码。……

2015-08-20
106种不同图片切换效果pageSwitch插件

一款106种不同图片切换效果pageSwitch插件网页特效，透明渐变、3D旋转、扭曲变形、翻页等效果图片切换焦点图pageSwitch.js插件代码。……

2015-07-29
JS鼠标滚动滚轮横向水平滚动网页特效

一款JS鼠标滚动滚轮横向水平滚动网页特效，一般情况滚动滚轮上下查看网页内容，该特效代码为鼠标滚动滚轮左右横向滚动条滚动预览内容js代码。……

2015-07-28

最新更新特效

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

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

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

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

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

2019-04-10

设计分享

web前端视频教程