网页右侧滑动块
/*頁面右側欄動作*/$(".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"})});
$(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
總結
- 上一篇: operator、explicit与im
- 下一篇: iOS数据存储