基于JavaScript打造一款桌面级便签系统

先看下效果：

+"px;top:"+top+"px;'><img src='images/"+random+".png' alt='便签' width='294' height='310'/>"+ "<div class='b_content' contenteditable='true'></div>"+ "<p class='timer'><span>3</span>秒后自动保存</p></div>"); auto_timer(); } // 清空标签 if(flag == 2){ $(".b_list").removeClass("animated rollIn").addClass("animated bounceOut").fadeOut(1000); // 清空缓存 localStorage.removwww.easck.comeItem("_Mark"); } } // 自动保存时间 function auto_timer(){ var count = 3; var timer = setInterval(function(){ if(count <= 0){ count = 3; // 保存本地内容 localStorage.setItem("_Mark",$(".box").html()); } $(".timer").find("span").text(count); count--; },1000); } </script> </body></html>

完整代码与素材下载地址