当前位置: 首页  >  下载站  >  js特效  >  jQuery特效  >  jQuery+右侧tab标签控制图片切换特效

jQuery+右侧tab标签控制图片切换特效

jQuery+右侧tab标签控制图片切换特效

jQuery+右侧tab标签控制图片切换特效
分类:   js特效 / jQuery特效 发布时间:  2017-12-21 访问量:  1496
下载量:  28
点击下载 预览效果
更多>

最新下载

jQuery创意输入框表单提交特效

jQuery创意输入框表单提交特效是一款卡通恐怖主题的邮箱输入框验证,表单提交动画特效。
0 2026-01-22

jQuery图片查看器代码

jQuery图片查看器代码是利用viewer.min.js以及swiper结合实现轮播图查看大图,实现图片轮播的效果。
0 2026-01-22

jQuery图片自动轮播切换展示特效

jQuery图片自动轮播切换展示特效是一款酷炫的带文字说明焦点图轮换代码。
0 2026-01-22

Twitter Bootstrap表单验证

Twitter Bootstrap表单验证是一款基于jquery实现的网站注册表单验证代码下载。本作品由【站长素材】收集整理,转载请注明出处!
0 2026-01-22

门户网站jQuery相册代码

门户网站jQuery相册代码是一款自适应图片尺寸,带缩略图预览,支持方向键翻阅浏览图片,每张图片支持单独的文字描述,支持图集查看和图片列表查看,图片播放完毕后可提示是否重新播放。
0 2026-01-22

html5+css3现代感注册表单

html5+css3现代感注册表单是一款基于html5+css3+jquery实现的超具现代感的注册表单效果。
0 2026-01-22
更多>

最新教程

jQuery+右侧tab标签控制图片切换特效

<title>jQuery右侧tab标签控制图片切换特效</title>
<link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>

<div class="m-slide" style="margin:30px auto">
  <ul class="img" style="position: relative; width: 490px; height: 200px;">
    <li style="position: absolute; width: 490px; left: 0px; top: 0px; display: list-item;"> <a href="#" target="_blank"><img src="images/1.jpg"></a></li>
    <li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;"> <a href="#" target="_blank"><img src="images/2.jpg"></a></li>
    <li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;"> <a href="#" target="_blank"><img src="images/3.jpg"></a></li>
    <li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;"> <a href="#" target="_blank"><img src="images/4.jpg"></a></li>
  </ul>
  <ul class="tab">
    <li class="  on"><a href="#"><b></b> <span class="title">Picture info 1 </span></a> </li>
    <li><a href="#"><b></b><span class="title">Picture info 2 </span></a></li>
    <li class=" "><a href="#"><b></b><span class="title"> Picture info 3 </span></a></li>
    <li class=" "><a href="#"><b></b><span class="title"> Picture info 4 </span></a></li>
  </ul>
 </div>

这是一款非常实用的jQuery左侧选项卡菜单点击切换代码,点击网站左侧tab切换右侧内容,通常用于帮助页面。

本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn

相关推荐

jQuery旅游相册Tab切换代码

jQuery旅游相册Tab切换代码是一款宽屏的旅游相册图片布局,点击tab标签按钮,切换对应的相册图片展示效果代码。
相册特效
2024-01-27

jQuery仿京东首页广告图片切换

jQuery仿京东首页广告图片切换是一款带左右按钮控制切换和索引按钮切换效果的焦点图切换代码。
焦点幻灯
2023-06-02

jQuery自适应三屏滚动代码

jQuery自适应三屏滚动代码是一款图片轮播滚动插件,支持左右按钮控制图片切换效果,自适应屏幕大小缩放的图片滚动切换代码。
焦点幻灯
2023-06-02

jQuery图片瀑布流Tab切换特效

jQuery图片瀑布流Tab切换特效是一款响应式个人作品瀑布流布局,带标签分类tab切换效果代码。
瀑布流特效
2023-05-30

jQuery带数字左右按钮控制图片切换

jQuery带数字左右按钮控制图片切换,带左右箭头按钮,并且左侧箭头带有翻页数字显示。
分页代码
2023-05-12

tab图标栏动画切换特效

html5 css3制作实用的标签栏tab动画切换,带背景色和图标栏tab切换特效。
选项卡TAB
2021-05-26

jQuery左右滑动图文列表切换特效

jQuery制作简洁的图文列表左右滑动,带左右箭头按钮控制图片滚动切换特效。
jQuery特效
2021-05-06

炫酷的jQuery图片文字动画切换特效

非常炫酷的jQuery图片文字动画切换特效,用来做网站的横幅banner轮播效果绝佳,中下方还有索引按钮控制切换。
焦点幻灯
2021-03-04

热门下载

jQuery左侧下拉导航菜单后台框架模板

jQuery制作左侧垂直下拉导航栏,内嵌iframe导航菜单后台页面模板。
菜单导航
2021-02-04

科技感的数字时钟vue特效

时钟,html5时钟,vue
时间日期
2021-06-17

炫酷的光标丝带鼠标移动特效

基于canvas制作炫酷的鼠标移动线条动画,丝带光标动画特效。
鼠标特效
2021-02-22

canvas音谱可视化mp3音乐播放器代码

html5 canvas通过AudioContext对获取audio标签播放的音域和音高,调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10

创意的时间轮盘时钟特效

js css3制作全屏的轮盘时钟,时间轮盘旋转动画特效。
时间日期
2021-01-20

迷你音乐播放器vue特效

html5 vue制作多功能mp3音乐播放器,带专辑图片,点赞收藏,上一首/下一首/开始/暂停切换,社交转载,播放进度条等功能演示特效。
播放器特效
2021-02-18
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号