首页
网站建设
网页素材
网页特效
设计分享
建站教程
UI设计
网站模版
酷站赏析
添加收藏
RSS
网站地图
旧版网站
全部
网页特效
建站教程
设计分享
当前位置:
首页
>
网页特效
>
焦点图
>
jQuery图片淡入淡出自动切换焦点图
时间:2015-05-07 来源:互联网
jQuery图片淡入淡出自动切换焦点图
特效说明:
一款jQuery图片淡入淡出自动切换焦点图特效免费下载,该JS特效代码基于jQuery编写,当鼠标放到图片区域时,停止自动切换, 鼠标移开,自动切换焦点图代码。
(兼容测试:IE7及以上、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.js"></script>
3、添加HTML代码:
将
<!--效果html开始-->
......
<!--效果html结束-->
之间的html和js代码;放在<body></body>之间。
标签
图片特效
js代码
左右按钮
焦点图
自动轮播
淡入淡出
预 览
收 藏
分 享
评 论
相关特效
HTML5+CSS3响应式酷炫图片封面动画展示特效
一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
2016-12-01
SVG酷炫响应式图片翻页切换特效
一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
2016-08-16
jQuery判断鼠标划入图片方向显示遮罩层特效
一款jQuery判断鼠标划入图片方向显示遮罩层特效代码下载,该图片特效是一款鼠标从哪个方向移到图片上遮罩就从哪里出现JS代码。……
2016-07-22
8款CSS3鼠标滑过图片动画效果
8款CSS3鼠标滑过图片动画效果下载,该图文特效基于纯CSS3编写,鼠标悬停图片以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。……
2016-06-28
jQuery炫酷鼠标滑过图片显示遮罩层特效
一款jQuery炫酷鼠标滑过图片显示遮罩层特效免费下载,该jQuery+CSS3图片特效代码是鼠标滑过/悬停图片显示遮罩炫酷动画特效代码。……
2016-06-28
纯CSS3打造动感鼠标悬停显示文字特效
一款纯CSS3打造动感鼠标悬停显示文字特效下载,该网页特效基于CSS3动画属性制作,鼠标悬停或滑过图片上动画显示文字描述特效。……
2016-06-25
HTML5+CSS3制作炫酷运动模糊和倾斜图片特效
一款HTML5+CSS3制作炫酷运动模糊和倾斜图片特效下载,该HTML5+CSS3网页特效是一款效果非常炫酷的图片在鼠标滑过时,图片产生轻微的运动模糊效果,并且图片在3D空间中会轻微的倾斜旋转,效果……
2016-06-25
xGallerify-响应式jQuery图片画廊插件
xGallerify是一款轻量级响应式jQuery图片画廊插件,该图片特效插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。……
2016-06-24
jQuery支持鼠标滚轮缩放以及点击按钮缩放图片插件
一款jQuery支持鼠标滚轮缩放以及点击按钮缩放图片插件下载,该网页特效基于e-smart-zoom-jquery.min.js制作,实现地图模式查看图片特效。……
2016-06-24
HTML5+CSS3图片3D立体旋转切换轮播
一款HTML5+CSS3图片3D立体旋转切换轮播免费下载,该图片图特效支持自动轮播、点击左右按钮切换图片设置。HTML5网页制作酷炫特效。……
2016-05-29
分类导航
焦点图
图文相册
导航 | 菜单
弹出层 | 滚动条
表单 | 客服
CSS3+HTML5特效
其他特效
Logo设计
网页背景
网页设计字体
PSD素材
PNG素材
矢量素材
PS插件
QQ表情
Flash素材
建站必备常识
空间域名
建站服务
建站价格
案例分析
网站优化
网站建设软件
网站建设教程
网页设计分享
网站模版
酷站赏析
最新更新特效
JS采用VUE制作无限极树形结构菜单展开收缩代码
2019-04-12
HTML5绘制动态线条像素背景动画特效
2019-04-12
jQuery网页视频在线播放器代码
2019-04-12
HTML5科幻空间动画背景网页特效
2019-04-12
jQuery滑动验证解锁插件slideunlock.js
2019-04-10
JS雪花飘落动画字体倒计时代码
纯CSS3制作网页科幻水波纹动画特效
HTML5交互式3D魔方游戏代码
jQuery数字滚动、跳动累加递减动画特效
酷炫loading动画加载特效
设计分享
如何让开发人员按照UI标注还原设计?
2015-10-22
Adobe Flash正走向自己的末日
2015-09-23
经典不过时!网页设计师该向印刷设计学习的3个设计法则
2015-09-21
音乐不是你想卖,想卖他就买:提升用户购买欲的设计探索
2015-09-15
APP设计!6个方法助你设计出优秀的APP
2015-09-07
读懂十大未来设计趋势,别让你的设计白费力气
如何改善产品UX设计,这5条原则也许能帮到你
交互设计的5个常见错误
如何做到一张照片高大上的排版
如何提升网站整体的设计水平
331612409
18600360318