javascript - 请教轮播图问题。
怪我咯
怪我咯 2017-04-11 09:44:03
[JavaScript讨论组]

轮播图明明是调好的,很奇怪为什么会出现蓝色竖线呢?谢谢!

<p class="yx-rotaion"><a href=""><img src="Images/05.jpg" alt=""></a>
<ul class="rotaion_list">
  <li style="width:560px; height:305px;"><a href=""><img src="Images/01.jpg" alt="" style="width:100%; height:100%;"></a></li>
    <li><a href=""><img src="Images/02.jpg" alt=""></a></li>
    <li><a href=""><img src="Images/03.jpg" alt=""></a></li>
    <li><a href=""><img src="Images/04.jpg" alt=""></a></li>
    <li></li>
</ul>
</p>
<p style="clear:both;"></p>

    <script src="Scripts/jquery.yx_rotaion.js"></script>
 <script type="text/javascript">
 $(".yx-rotaion").yx_rotaion({auto:true});
 </script>

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#f5e100;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../Images/ico.png) no-repeat; display:block; }
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.yx-rotation-focus span.hover{background-position:-10px -126px;}
.rotaion_list{width:0;height:0;overflow:hidden;}

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
怪我咯

把CSS 代码排版一下,看得眼都乱,最好通提供在线的地址,这样调试起来就更方便了,
顺便说一句,这图拍的真好,跟油画似的,构图,人物形态,光线,满分啊

大家讲道理

可以把你代码放在jsfiddle上吗?
你这样把不完整代码放出来无法调试的。

阿神

提供个在线地址看看吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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