zoukankan      html  css  js  c++  java
  • 网页右侧滑动块

    /*页面右侧栏动作*/
            $(".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>
  • 相关阅读:
    汇编语言 标志位介绍
    PHP中的二进制位运算和权限存储
    iframe 父窗口和子窗口相互的调用方法集锦
    document.compatMode
    $.browser.msie
    seo外链的真正做法
    APP常用控件学习理解
    家庭记账本APP开发准备(一)
    Android常用布局和控件
    安卓APP开发的初步了解
  • 原文地址:https://www.cnblogs.com/freespider/p/4280168.html
Copyright © 2011-2022 走看看