— 浮动式的Bookmark标志

想做一个浮动式的Bookmark标志在自己的部落格或网页吗？做Bookmark的好处是别人可以重复地浏览你的部落及网页。我刚做了，但好像不太配我部落的风格，而且我的内容也很少，没什么好让人Bookmark的。

所谓的浮动式的Bookmark意思是那标志会随着滑鼠移动上下。做法很简单，只要复制以下html code贴到你自己的部落格或网页就可了。

---------------------------------------------------------------------------------------------------------

<!-- Script by Blogger-Bookmark.blogspot.com -->
<script type="text/javascript">
//set the bookmark image position(topright,topleft,bottomright,bottomleft) 
var corner = "topright";
var url = window.location;
var title = document.title;
document.write('<div id=ddd style="position: absolute; visibility: visible; top: 5px; left:5px;">');
document.write('<a style="font-size:10px; text-decoration: none;" href="javascript:bookmark(title, url)" title="click here to bookmark this page"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheXgHMgpSgJAA7ZN3ZcPgGmb-FYbVjdO9yerDZ96UfuRcQncWJjvZhzC5lIj_q04vDMXSmm_9lllOGxUeDjtIdQZ1M7aFAJFt3vjlvblzOlTUdsVnNItaof-6EdVShPqhv9t0L_MXytqo/" alt="BOOKMARK " border=0><span style="background-color: seashell; font-size:10px;">^H</span></a></div>');
var os;
if(document.layers)
 os = "n4";
else if(document.getElementById&&!document.all)
 os = "n6";
else if(document.all)
 os = "ie";
function run()
{
 if(os == "ie"){
   pwidth = window.document.body.offsetWidth;
   pheight = window.document.body.offsetHeight;
   stop = document.body.scrollTop;
   sleft = document.body.scrollLeft;
 }else{
   pwidth = window.innerWidth;
   pheight = window.innerHeight;
   stop = window.pageYOffset;
   sleft = window.pageXOffset;
 }

  var dda = document.getElementById('ddd');
  if(corner == "topleft"){
    dda.style.top = (stop)+"px";
    dda.style.left = (sleft+15)+"px"; 
  }else if(corner == "topright"){
    dda.style.top = (stop)+"px";
    dda.style.left = (sleft+pwidth-110)+"px"; 
  }else if(corner == "bottomleft"){
    dda.style.top = (stop+pheight-45)+"px";
    dda.style.left = (sleft+15)+"px"; 
  }else if(corner == "bottomright"){
    dda.style.top = (stop+pheight-40)+"px";
    dda.style.left = (sleft+pwidth-110)+"px"; 
  }
  setTimeout('run()',5);
}

function bookmark(title,url){
    if(window.sidebar)
          window.sidebar.addPanel(title,url,"");
    else if(window.opera && window.print){
          var elem = document.createElement('a');
          elem.setAttribute('href',url);
          elem.setAttribute('title',title);
          elem.setAttribute('rel','sidebar');
          elem.click();
    }
    else if(os == "ie")
          window.external.AddFavorite(url,title);
}
document.onload = run();
</script>
<!-- Script by Blogger-Bookmark.blogspot.com -->

---------------------------------------------------------------------------------------------------------

你可以自由更换浮动标志的位置，只要在以上“var corner = "topright";” 红色字眼更换成你想要的位置就可以了，例如 topleft 。

至于标志的形状，也可以随意更换，就在以上 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheXgHMgpSgJAA7ZN3ZcPgGmb-FYbVjdO9yerDZ96UfuRcQncWJjvZhzC5lIj_q04vDMXSmm_9lllOGxUeDjtIdQZ1M7aFAJFt3vjlvblzOlTUdsVnNItaof-6EdVShPqhv9t0L_MXytqo/" alt="BOOKMARK " 红色字眼更换成你想要的标志的URL就可以了。

标志的URL 意思是你找到一个标志后，你在Browser复制它的连接地址。



.