jquery 手风琴图片效果在wordpress里面 没有动态效果
这个效果在DW里运行正常,但是在WP里,,就没有动态效果请教高手问题到底出在什么地方谢谢先----------------------------------------...
这个效果在DW里运行正常,但是在WP里,,就没有动态效果
请教高手问题到底出在什么地方 谢谢先
-----------------------------------------------------------------------------------
JS部分是:
<script type="text/javascript" src='/wp-content/jquery-1.9.1.min.js'></script>
----------------------------------------------------------------------------------------------------------------
CSS部分是:
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
.fold_wrap{width:1200px;height:260px;margin:40px auto 0 auto;overflow:hidden;}
.fold_wrap li{float:left;width:130px;height:260px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative;padding:30px 0 0 0;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}
.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(images/20150120_ifold1.jpg) no-repeat center 0;}
.pic_auto2{background:url(images/20150120_ifold2.jpg) no-repeat center 0;}
.pic_auto3{background:url(images/20150120_ifold3.jpg) no-repeat center 0;}
.pic_auto4{background:url(images/20150120_ifold4.jpg) no-repeat center 0;}
.pic_auto5{background:url(images/20150120_ifold5.jpg) no-repeat center 0;}
.pic_auto6{background:url(images/20150120_ifold6.jpg) no-repeat center 0;}
.pic_auto7{background:url(images/20150120_ifold7.jpg) no-repeat center 0;}
</style>
以下是主体部分:
---------------------------------------------------------------------------
<ul class="fold_wrap" id="sm">
<li>
<a href=".......com/">
<div class="mask_b"><h4>温泉酒店</h4></div>
<div class="pic_auto pic_auto1"></div>
</a>
</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
</ul>
另外还需要添加一个JS
完整的JS CSS文件在百度云盘里:http://pan.baidu.com/s/1o6OPTBc
多谢了,,,, 展开
请教高手问题到底出在什么地方 谢谢先
-----------------------------------------------------------------------------------
JS部分是:
<script type="text/javascript" src='/wp-content/jquery-1.9.1.min.js'></script>
----------------------------------------------------------------------------------------------------------------
CSS部分是:
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
.fold_wrap{width:1200px;height:260px;margin:40px auto 0 auto;overflow:hidden;}
.fold_wrap li{float:left;width:130px;height:260px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative;padding:30px 0 0 0;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}
.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(images/20150120_ifold1.jpg) no-repeat center 0;}
.pic_auto2{background:url(images/20150120_ifold2.jpg) no-repeat center 0;}
.pic_auto3{background:url(images/20150120_ifold3.jpg) no-repeat center 0;}
.pic_auto4{background:url(images/20150120_ifold4.jpg) no-repeat center 0;}
.pic_auto5{background:url(images/20150120_ifold5.jpg) no-repeat center 0;}
.pic_auto6{background:url(images/20150120_ifold6.jpg) no-repeat center 0;}
.pic_auto7{background:url(images/20150120_ifold7.jpg) no-repeat center 0;}
</style>
以下是主体部分:
---------------------------------------------------------------------------
<ul class="fold_wrap" id="sm">
<li>
<a href=".......com/">
<div class="mask_b"><h4>温泉酒店</h4></div>
<div class="pic_auto pic_auto1"></div>
</a>
</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
<li>。。。。。。。。。</li>
</ul>
另外还需要添加一个JS
完整的JS CSS文件在百度云盘里:http://pan.baidu.com/s/1o6OPTBc
多谢了,,,, 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询