zoukankan      html  css  js  c++  java
  • 给博客添加一个右键菜单

    效果可以参考本博客。

    在博客园页脚(html)代码中添加如下代码即可。

    <link rel="stylesheet" href="https://blog-static.cnblogs.com/files/wxyww/galm.css" />
    	<div class="GalMenu GalDropDown">
    	      <div class="circle" id="gal">
    	        <div class="ring">
    	          <a href="https://www.cnblogs.com/wxyww/" title="" class="menuItem">首页</a>
    	          <a href="https://www.cnblogs.com/wxyww/p/10181069.html" title="" class="menuItem">关于</a>
    	          <a href="https://www.cnblogs.com/wxyww/p/10050852.html" title="" class="menuItem">日记</a>
    	          <a href="https://blog.wxyww.top/yanhua2/" title="" class="menuItem">烟花</a>
    	          <a href="https://blog.wxyww.top/" title="" class="menuItem">个人博客</a>
    	          <a href="http://wpa.qq.com/msgrd?v=3&uin=2049500915&site=qq&menu=yes" title="" class="menuItem">联系</a></div>
    	        <audio id="audio" src="audio/niconiconi.mp3"></audio>
    	      </div>
    	</div>
        <script type="text/javascript">var items = document.querySelectorAll('.menuItem');
          for (var i = 0,
          l = items.length; i < l; i++) {
            items[i].style.left = (50 - 35 * Math.cos( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%";
            items[i].style.top = (50 + 35 * Math.sin( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%"
          }</script>
    
    	
    	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
    	<script type="text/javascript" src="https://blog-static.cnblogs.com/files/wxyww/GalMenu.js"></script>
        <script type="text/javascript">
        	$(document).ready(function() {
            $('body').GalMenu({
              'menu': 'GalDropDown'
            })
          });</script>
    
  • 相关阅读:
    poj 2100 尺取法 一个数字拆成连续数字平方和
    poj 1011 dfs+剪枝
    CF-242-C bfs+stl
    hdu 1297 递推
    poj 2104 划分树模板
    poj 3842 全排列+筛素数+暴力
    hdu 1421 经典dp
    hdu 1069 最长上升子序列变形
    hdu 3496 二维费用的01背包
    nyoj 16 最长上升子序列变形
  • 原文地址:https://www.cnblogs.com/wxyww/p/menu.html
Copyright © 2011-2022 走看看