PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >jQuery特效 >jQuery兼容手机端的响应式倾斜图片幻灯片插件

jQuery兼容手机端的响应式倾斜图片幻灯片插件

2018-01-12 来源/作者:php中文网 分类:jQuery特效 «» 下载次数:2
jQuery兼容手机端的响应式倾斜图片幻灯片插件

<link rel="stylesheet" type="text/css" href="css/default.css?3.1.50">
<link href="css/styles.css?3.1.50" rel="stylesheet">
</head>
<body><script src="/demos/googlegg.js?3.1.50"></script>
<div class="stage">
<div id="SLDR-ONE" class="sldr">
<ul class="wrp animate">
<li class="elmnt-one"><div class="skew"><div class="wrap"><img src="img/Lake.jpg" width="1000" height="563"></div></div></li>
<li class="elmnt-two"><div class="skew"><div class="wrap"><img src="img/Mountain-Range.jpg" width="1000" height="563"></div></div></li>
<li class="elmnt-three"><div class="skew"><div class="wrap"><img src="img/Mt-Fuji.jpg" width="1000" height="563"></div></div></li>
<li class="elmnt-four"><div class="skew"><div class="wrap"><img src="img/Pink-Forest.jpg" width="1000" height="563"></div></div></li>
</ul>
</div>

<div class="clear"></div>

<div class="captions">
<div class="focalPoint"><p><small>Lake</small></p></div>
<div><p><small>Mountain Range</small></p></div>
<div><p><small>Mt. Fuji</small></p></div>
<div><p><small>Pink Forest</small></p></div>
</div>

<ul class="selectors">
<li class="focalPoint"><a href="">•</a></li><li><a href="">•</a></li><li><a href="">•</a></li><li><a href="">•</a></li>
</ul>

<button class="sldr-prv sldr-nav prev">Prev</button>
<button class="sldr-nxt sldr-nav next">Next</button>

</div>
</div>

这是一款兼容手机端的jQuery响应式倾斜图片幻灯片插件,带文字标题与按钮控制的自适应倾斜图片切换代码。


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: