/*頁面右側欄動作*/$(".side ul li").hover(function(){var selected = $(this).attr("id");if(selected != null && selected == "tel"){$(this).find(".sidebox").stop().animate({"width":"174px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})}else {$(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})}},function(){
　　　　　　　$(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})});

　　function goPageTop(){
　　　　$('html,body').animate({'scrollTop':0},600); //滾回頂部的時間，越小滾的速度越快~
　　}

　　

<!-- 右側滑動 --> <div class="side"><ul><li><a href="" target="_blank"><div class="sidebox"><img src="/img/icon/side/qq.png">在線咨詢</div></a></li><li id="tel"><a href="#hotline"><div class="sidebox" ><img src="/img/icon/side/tel.png"><strong>400 720 7200</strong></div></a></li><li><a href=""><div class="sidebox"><img src="/img/icon/side/help_center.png">幫助中心</div></a></li><li><a href="javascript:goPageTop();" class="sidetop"><div class="sidebox" ><img src="/img/icon/side/gotop.png">返回頂部</div></a></li></ul> </div>

?

轉載于:https://www.cnblogs.com/freespider/p/4280168.html

總結

以上是生活随笔為你收集整理的网页右侧滑动块的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。