网页H5微信分享

最新推荐文章于 2024-08-06 18:58:51 发布

variation8

最新推荐文章于 2024-08-06 18:58:51 发布

阅读量143

点赞数

分类专栏： HTML 软件开发 JS 文章标签： html5 javascript 前端

本文链接：https://blog.csdn.net/qq_31151123/article/details/118856678

版权

软件开发同时被 3 个专栏收录

16 篇文章 2 订阅

订阅专栏

HTML

5 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="dns-prefetch" href="//www.cdpll.cn"/>
    <link href=”http://www.cdpll.cn/" rel=”prefetch” />
    <title>{$content.title}</title>
    <meta name="description" content="成都菲斯洛克电子技术有限公司">
    <link rel="stylesheet" href="__JS__/layui/css/layui.css">
    <script src="__JS__/jquery.min.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b96deb050e9a6b89ae554e77cf2331c3";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        @media screen and (min-width: 320px) and (max-width: 500px) {
            .content{
                -webkit-touch-callout:none;
                -webkit-user-select:none;
                -khtml-user-select:none;
                -moz-user-select:none;
                -ms-user-select:none;
                user-select:none;
                pointer-events:none;
            }

            img {
                width: 100%;
                height: auto;
            }

            video {
                width: 100%;
                height: auto;
            }

            .bg {
                position: relative
            }

            .tel {
                width: 100%;
                height: 50px;
                background: #006dcc;
                color: white;
                line-height: 50px;
                font-size: 1.6rem;
                text-align: center;
            }

            .tel a {
                color: white;
            }

            .content {
                margin-top: 30px;
                padding: 0 15px;
            }
      .con{


}
            #go_top {
                cursor: pointer;
                position: fixed;
                _position: absolute;
                right: 23px;
                bottom: 60px;
                width: 30px;
                height: 30px;
                z-index: 60;
                display: none;
            }
        }
        @media only screen and (min-width: 500px){
            body{
                text-align:center;
            }
            .header{
                width: 750px;
                margin:  0 auto;
                text-align: center;
            }
            img {
                width: 750px;
                height: auto;
            }

            video {
                width: 750px;
                height: auto;
            }

            .bg {
                position: relative
            }

            .tel {
                position: relative;
                width: 750px;
                height: 50px;
                background: #006dcc;
                color: white;
                line-height: 50px;
                font-size: 2rem;
                text-align: center;
                left: 50%;
                margin-left: -375px;
            }

            .tel a {
                color: white;
            }

            .content {
                position: relative;
                text-align: center;
                width: 750px;
                display: block;
                left: 50%;
                margin-left: -375px;
            }
        }
    </style>

</head>
<body>
<if  class="header">
    <div class="bg" οncοntextmenu='return false' οndragstart='return false' onselectstart ='return false' οnselect='document.selection.empty()' οncοpy='document.selection.empty()' onbeforecopy='return false' οnmοuseup='document.selection.empty()'>
        <img src="__STATIC__/images/top.jpg">
    </div>
{if $content.type eq 1}
    <div class="con">
        <script>
            $(document).
            window.open('https://view.officeapps.live.com/op/view.aspx?src='+encodeURI(/public{$content.file}));
        </script>
        <iframe src='https://view.officeapps.live.com/op/view.aspx?src=+encodeURI(/public{$content.file}'  >
        </iframe>
    </div>

    {elseif $content.type eq 2 /}
    <div class="con">
        <iframe style="width: 100%;height:1500px;" src="__JS__/web/viewer.html?file=/public{$content.file}"></iframe>

    </div>

{else/}
    <div class="content" οncοntextmenu='return false' οndragstart='return false' onselectstart ='return false' οnselect='document.selection.empty()' οncοpy='document.selection.empty()' onbeforecopy='return false' οnmοuseup='document.selection.empty()'>
        {$content.content}
    </div>
{/if}

    <div class="tel">
        <a href="tel:xxx">客户咨询<span style="font-size: small">(杨雪)</span></a>
    </div>

    <a id="go_top" href="javascript:void(0);"><img style="width: 30px;" src="__STATIC__/images/gotop1.png"></a>
</div>
<script src="__JS__/layui/layui.all.js"></script>
    <script type="text/javascript" src="__JS__/jquery.media.js"></script>

<!--引入微信SDK-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>

    function init_gotop()
    {
        $(document).scroll(function() {
            var y = $(this).scrollTop();
            if (y > 600) {
                $('#go_top').fadeIn();
            } else {
                $('#go_top').fadeOut();
            }
        });

        $('#go_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;});

    }
    $(document).ready(function(){
        init_gotop();
    });
    var url=encodeURIComponent(window.location.href.split('#')[0]);//分享成功之后再次分享，微信会再url附带额外参数造成二次分享签名错误，这里处理下避免config：invalid signature签名失效
    $.ajax({
        type : "get",
        url : "http://www.cdpll.cn/jssdk.php?url="+url,//替换网址，xxx根据自己jssdk文件位置修改
        dataType : "jsonp",
        jsonp: "callback",
        jsonpCallback:"success_jsonpCallback",
        success : function(data){
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
                appId: data.appId,
                timestamp: data.timestamp,
                nonceStr: data.nonceStr,
                signature: data.signature,
                jsApiList: [
                    "onMenuShareTimeline", //分享给好友
                    "onMenuShareAppMessage", //分享到朋友圈
                    "onMenuShareQQ",  //分享到QQ
                    "onMenuShareWeibo" //分享到微博
                ]
            });
        },
        error:function(data){
            alert(JSON.stringify(data));
            //alert("连接失败！");
        }
    });
    wx.ready(function (){
        var shareData = {
            title: '{$content.title}',
            desc: "{$content.introduction}",//这里请特别注意是要去除html
            link: window.location.href,
            imgUrl: 'http://www.cdpll.cn/public{$content.thumb}'//换成自己的域名
        };
        wx.onMenuShareAppMessage(shareData);
        wx.onMenuShareTimeline(shareData);
        wx.onMenuShareQQ(shareData);
        wx.onMenuShareWeibo(shareData);
    });

</script>
</body>
</html>
<noscript>
    <iframe scr="*.htm"></iframe>
</noscript>

variation8

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
网页H5微信分享

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/> <link re.
复制链接

扫一扫