jquery css3带微信二维码返回顶部代码



149 593 198



特效描述:带微信二维码 返回顶部代码,jquery css3返回顶部,微信二维码显示。

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/animation.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/animation.css">
<link rel="stylesheet" href="css/index.css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

3. HTML代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="images/favicon.ico">
</head>
<body style="height: 2000px">
<!--返回顶部开始-->
<div id="code"></div>
<div id="code_img"></div>
<a id="gotop" href="javascript:void(0)"><img src="images/fhjt.png" alt=""/></a>
<script type="text/javascript">
    function b(){
        h = $(window).height();
        t = $(document).scrollTop();
        if(t > h){
            $('#gotop').show();
        }else{
            $('#gotop').hide();
        }
    }
    $(document).ready(function(e) {
        b();
        $('#gotop').click(function(){
            $(document).scrollTop(0);
        });
        $('#code').hover(function(){
            $(this).attr('id','code_hover');
            $('#code_img').show();
            $('#code_img').addClass('a-fadeinL');
        },function(){
            $(this).attr('id','code');
            $('#code_img').hide();
        })
    });
    $(window).scroll(function(e){
        b();
    });
</script>
<!--返回顶部结束-->
</body>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 顶部悬浮 底部悬浮 浮动导航菜单 二级导航菜单 图片广告 下拉导航菜单 对联广告 竖直导航菜单 图标导航菜单 叠加浮动层 固定导航菜单 侧边导航菜单 树形导航菜单 网址导航菜单 导航菜单插件 文字导航菜单 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 悬浮浮动漂浮 浮动提示框 导航菜单导航条

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到