
3D面板滚动html代码
<div id="slider">
<div id="slider-panels">
<div id="slider-panels-next"><span class="iconb" data-icon=""></span></div>
<div id="slider-panels-previous"><span class="iconb" data-icon=""></span></div>
<div id="slider-panel-images">
<a href='https://jy.tp.yuanmeng.life/js/537.html' target='_blank'><img src="_assets/1.jpg" width="900" height="400" alt='带封面的HTML5手机音频播放器' /></a>
<a href='https://jy.tp.yuanmeng.life/js/538.html' target='_blank'><img src="_assets/2.jpg" width="900" height="400" alt='jQuery圣诞下雪花' /></a>
<a href='https://jy.tp.yuanmeng.life/js/539.html' target='_blank'><img src="_assets/3.jpg" width="900" height="400" alt='web在线设计流程图' /></a>
<a href='https://jy.tp.yuanmeng.life/js/540.html' target='_blank'><img src="_assets/4.jpg" width="900" height="400" alt='jQuery圣诞节漫天小雪花和雪球飘落' /></a>
</div>
<div id="slider-panel-left">
<div id="slider-panel-left-carousel"></div>
</div>
<div id="slider-panel-center">
<div id="slider-panel-center-carousel"></div>
</div>
<div id="slider-panel-right">
<div id="slider-panel-right-carousel"></div>
</div>
</div>
<div id="slider-dots"></div>
</div> js/3-panel-slider.js
var slideTiming = 10000; // 间隔时间 毫秒
var animationTime = 500; // 动画时间 毫秒
var controlsHideTime = 200; // 上下按钮隐藏时间
var current = 1; // 初始化第几张幻灯片 鼠标悬浮在滑动面板上,上下页样式切换
$("#slider-panels").hover(function() {
$("#slider-panels-next").show("drop", {direction: "right"}, controlsHideTime);
$("#slider-panels-previous").show("drop", {direction: "left"}, controlsHideTime);
}, function() {
$("#slider-panels-next").hide("drop", {direction: "right"}, controlsHideTime);
$("#slider-panels-previous").hide("drop", {direction: "left"}, controlsHideTime);
}); *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
