一个网页如何实现两个js特效。 5
这里有两段,但是只显示一个相片的特效,导航栏的就不显示了下面贴上代码<divclass="nav"><ul><liclass="nav-item"><ahref="../...
这里有两段,但是只显示一个相片的特效,导航栏的就不显示了下面贴上代码
<div class="nav">
<ul>
<li class="nav-item"><a href="../index.html">首页</a></li>
<li class="nav-item cur"><a href="clxw.html">C罗新闻</a></li>
<li class="nav-item"><a href="jmxc.html">精美相册</a></li>
<li class="nav-item"><a href="jcsp.html">精彩视频</a></li>
<li class="nav-item"><a href="#">关于C罗</a></li>
<li class="nav-item"><a href="#">比赛直播</a></li>
<li class="nav-item"><a href="#">微信公众</a></li>
<li class="nav-item"><a href="lxwm.html">联系我们</a></li>
</ul>
<div class="move-bg"></div>
</div>
</div>
<script>
$(function(){
$(".nav").movebg({width:120,extra:40,speed:300,rebound_speed:400});
})
</script>
<div id="w215"><ul id="myGallery">
<li><img src="../image/bp1.jpg" alt="Lone Tree Yellowstone"/>
<li><img src="../image/bp2.jpg" alt="Is He Still There?!" />
<li><img src="../image/bp4.jpg" alt="Noni Nectar For Green Gecko" />
<li><img src="../image/bp7.jpg" alt="Flight of an Eagle Owl" />
<li><img src="../image/bp14.jpg" alt="Winter Lollipops" />
<li><img src="../image/bp26.jpg" alt="Day of Youth" />
<li><img src="../image/bp27.jpg" alt="Sunbathing Underwater" />
<li><img src="../image/bp28.jpg" alt="Untitled" />
<li><img src="../image/bp41.jpg" alt="New Orleans Streetcar" />
<li><img src="../image/bp49.jpg" alt="By The Wind of Chance" />
<li><img src="../image/bp52.jpg" alt="Fishing on the Cloud" />
<li><img src="../image/bp53.jpg" alt="Blue Lagoon" />
<li><img src="../image/bp54.jpg" alt="Time" />
</ul>
<script type="text/javascript">
$(function(){
$('#myGallery').galleryView();
});
</script></div>
. 展开
<div class="nav">
<ul>
<li class="nav-item"><a href="../index.html">首页</a></li>
<li class="nav-item cur"><a href="clxw.html">C罗新闻</a></li>
<li class="nav-item"><a href="jmxc.html">精美相册</a></li>
<li class="nav-item"><a href="jcsp.html">精彩视频</a></li>
<li class="nav-item"><a href="#">关于C罗</a></li>
<li class="nav-item"><a href="#">比赛直播</a></li>
<li class="nav-item"><a href="#">微信公众</a></li>
<li class="nav-item"><a href="lxwm.html">联系我们</a></li>
</ul>
<div class="move-bg"></div>
</div>
</div>
<script>
$(function(){
$(".nav").movebg({width:120,extra:40,speed:300,rebound_speed:400});
})
</script>
<div id="w215"><ul id="myGallery">
<li><img src="../image/bp1.jpg" alt="Lone Tree Yellowstone"/>
<li><img src="../image/bp2.jpg" alt="Is He Still There?!" />
<li><img src="../image/bp4.jpg" alt="Noni Nectar For Green Gecko" />
<li><img src="../image/bp7.jpg" alt="Flight of an Eagle Owl" />
<li><img src="../image/bp14.jpg" alt="Winter Lollipops" />
<li><img src="../image/bp26.jpg" alt="Day of Youth" />
<li><img src="../image/bp27.jpg" alt="Sunbathing Underwater" />
<li><img src="../image/bp28.jpg" alt="Untitled" />
<li><img src="../image/bp41.jpg" alt="New Orleans Streetcar" />
<li><img src="../image/bp49.jpg" alt="By The Wind of Chance" />
<li><img src="../image/bp52.jpg" alt="Fishing on the Cloud" />
<li><img src="../image/bp53.jpg" alt="Blue Lagoon" />
<li><img src="../image/bp54.jpg" alt="Time" />
</ul>
<script type="text/javascript">
$(function(){
$('#myGallery').galleryView();
});
</script></div>
. 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询