首页 > Web开发 > 详细

html右键禁用和web页面中添加加入qq群的方式

时间:2014-02-20 22:43:26      阅读:523      评论:0      收藏:0      [点我收藏+]

需求:

html禁用右键,防止定位csspath和xpath,同时需要在web页面中加入添加加入qq群的图标

实现:

html禁用右键:利用oncontextmenu

<!doctype html>
<html>
     
    <head>
        <meta charset="UTF-8">
        <meta name="Generator" content="EditPlus?">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <title>
            Document
        </title>
</script>
    </head>
    <body oncontextmenu="return false;">
        <div style="width:100%; height:100%;background-color:#33; position:absolute;">
          
<div>
  <ul>
<li><a href="#" target="_blank">欢迎关注小网客博客</a></li>
  </ul>
  </div> 
            <div>
    </body>
</html>

页面中添加qq群的方式:

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="Generator" content="EditPlus?">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <title>
            Document
        </title>

</script>
    </head>
    <body oncontextmenu="return false;">
        <div style="width:100%; height:100%;background-color:#33; position:absolute;">

<div>
  <ul>
<li><a href="#" target="_blank">欢迎关注小网客博客</a></li>
<li<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=58bd48b0e4bfe55cba5330d02ef1b181b3f843cd5520699795380c2262b07993"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="Hadoop" title="Hadoop"></a></li>
  </ul>
  </div> 
            <div>
    </body>
</html>

步骤:

  1. 登陆http://shang.qq.com/widget/group.php

  2. 选择群,然后复制代码添加到你的web页面即可

html右键禁用和web页面中添加加入qq群的方式

原文:http://www.cnblogs.com/snvblog/p/3557183.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!