主题环境:ThinkInside
实现思路:
向id=siderBar标签内前置一个头像。
$("#sideBar").prepend("头像");
样式摘自懒人之家(http://demo.lanrenzhijia.com/2015/css1023/)
实现代码如下:
<script language="javascript" type="text/javascript"> $("#sideBar").prepend("<div class=\"case-item\"><div class=\"ih-item circle effect1\"><a href=\"http://www.cnblogs.com/0bug/\"><div class=\"spinner\"></div><div class=\"img\"><img src=\"https://pic.cnblogs.com/avatar/1054809/20171228042039.png\" ></div><div class=\"info\"><div class=\"info-back\"><h3>李成广</h3><p>以梦为马 不负韶华 </p></div></div></a></div></div>\n"); </script>
下面是使用到css,我上传到我自己的博客里。你可以下载下来,上传到自己的博客后在引用。
<link href="https://files.cnblogs.com/files/0bug/lanren.css" type="text/css" rel="stylesheet" />