怎么实现在html页面判断有没有关注过公众号,没有就跳转到关注页面,然后点击关注了之后再跳回html页面

怎么实现在html页面判断有没有关注过公众号,没有就跳转到关注页面,然后点击关注了之后再跳回html页面,第1张

1、创建test.php,编写表单:  <form method="post"action="//www.pekingpiao.com/b.php">。

2、编写代码<input type="submit" name="submit" value="submit"  />      。

3、创建b.php,接收test.php中form表单提交的数据,并将上一级(请求来源地址)存储到session中,供后退事件判断是否合法。

4、在b.php页面点击 浏览器的后退按钮,会回到test.php,注意此时页面默认不会刷新,可以使用下面代码强制刷新。

5、刷新页面的时候,判断$_SERVER['SCRIPT_URL']和session存储的referer的值是否相同,就可以判断history返回的页面啦。

6、另外可以设置后退按钮,使用js监听按钮,定制跳转的网址。

看看效果吧,收藏文章,鼠标移入颜色加深,点击变成“已收藏”,再次移入鼠标就有“取消收藏”,如果点击就会再变为“收藏文章”了

html代码:

<div id="shoucang">收藏文章</div>

CSS代码:

#shoucang{

    background-color:#00b7ee

    line-height:36px

    width:88px

    text-align:center

    font-size:14px

    color:#ffffff

    border-radius:2px

    cursor:pointer

    }

.yishoucang{

    width:11px

    height:8px

    background:url(img/yishoucang.png)

    display:inline-block

    margin-right:9px

    }

JS代码:

<script>

window.onload = function (){

    var oSc = document.getElementById('shoucang')

    var onOff = true

    

    oSc.onclick = function (){

        if(onOff){

            oSc.innerHTML = '<i class="yishoucang"></i>'+'已收藏'

            oSc.style.backgroundColor = '#87aab5'

            onOff = false    

        }else{

            oSc.innerHTML = '收藏文章'

            oSc.style.backgroundColor = '#87aab5'

            onOff = true

        }

    }

    

    oSc.onmouseover = function (){

        if(onOff){

            oSc.style.backgroundColor = '#03a6d7'    

        }else{

            oSc.innerHTML = '取消收藏'

            oSc.style.backgroundColor = '#527884'

        }

    }

    

    oSc.onmouseout = function (){

        if(onOff){

            oSc.style.backgroundColor = '#00b7ee'    

        }else{

            oSc.innerHTML = '<i class="yishoucang"></i>'+'已收藏'

            oSc.style.backgroundColor = '#87aab5'

        }

    }

}

</script>

小图标可以下载使用:

登录快手点击头像,找到“关注”选项并点击,找到需要取关的昵称点击,点击“发私信”右边的符号,选择“停止关注”,这样就已经取消成功了。

具体做法如下:

1、登录快手。

2、点击界面左上角的图标,如下图所示。

3、点击自己的头像。

4、点击“关注”,如下图所示。

5、找到需要取消关注的昵称,昵称右边有个符号,点击。

6、点击“发私信”右边的符号,如下图所示。

7、d出的界面选择“停止关注”,这样就完成了。

注意事项:

找到视频作者并取消关注,之后对方的视频就不会出现在关注页面了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7308732.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存