jQuery 图片轮流展示效果

1.  siblings()这个方法，就是要取得调用该方法的节点对象的兄弟节点（查找同级对象）

比如：

<div id="aaa"><p>1</p><p>2</p>

<h1>2</h1><h2>22</h2><div>abcdefg</div></div>var curr = $("#aaa h1");curr.siblings(); //包括与p同级的所有元素：p, h1, h2, div如果带参数curr.siblings("p")那就只能取得到两个p2.图片轮流展示的效果

function auto(){            i<$div.length-1?i++:i=0;            $div.eq(i).show().siblings().hide();   /*siblings　　　　　　}

当某个图片之后没有图片了，这个i<$div.length-1就不满足了，就回到0，从头开始重新展示

否则下一张展示

那个是条件表达式，i 小于

$div.length-1

么？小于就i++，下一张，否则第1张

转载于:https://www.cnblogs.com/lina6251125/p/4492179.html

jQuery 图片轮流展示效果相关推荐

jquery练习——简单的图片结果展示效果
今天看到google图片搜索结果页面,感觉简洁实用,于是用jquery粗略的模仿了一下再次感觉到jquery的强大和易用,基本思路初步实现了,再整合ajax和json,应该可以做一个简单的应用了 : ...
css和js实现3d图片,JavaScript_纯JS实现旋转图片3D展示效果，CSS:style type=text/cssgt - phpStudy...
纯JS实现旋转图片3D展示效果 CSS: #show{position:relative;margin:20px auto;width:800px;} .item{position:absolute; ...
JavaScript 图片滑动展示效果javascript
javascript 图片滑动展示效果更新版本:slideview 图片滑动(扩展/收缩)展示效果看到jquery实例:图片展示效果后,我也想拿来试试,但我不太喜欢用框架,所以自己做了个. 其中的 ...
JavaScript 图片切换展示效果
JavaScript 图片切换展示效果看到alibaba的一个图片切换效果,感觉不错,想拿来用用.但代码一大堆的,看着昏,还是自己来吧. 由于有了做图片滑动展示效果的经验,做这个就容易得多了. 先看 ...
HTM+CSS实现立方体图片旋转展示效果
目的:HTM+CSS实现立方体图片旋转展示效果环境: 系统:Win10 环境: 一.示例1. 话不多说直接上代码 <html><head><style>/*立方体 ...
html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
基于html5鼠标悬停图片动画展示效果
分享一款基于html5鼠标悬停图片动画展示效果.里面包含两款不同效果的html5图片展示效果.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=" ...
html网页背景图片平铺代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
[JQuery]用InsertAfter实现图片走马灯展示效果
写在前面最近一个搞美工的朋友让我给他写一个图片轮播的特效. 需求: 图片向左循环滚动. 图片滚动到中间高亮显示,并在下方显示照片人物对应的信息. 鼠标悬停止滚动. 鼠标离开开始滚动. 单击图片,图片 ...

jQuery 图片轮流展示效果

jQuery 图片轮流展示效果相关推荐

最新文章

热门文章