一个简单的拖动到标签收藏夹的功能DEMO

一键添加到浏览器的收藏夹很烦人,浏览器各种兼容(为啥不同一下标准。。),后来无意中在网上看到有人这样写,赶紧收藏下了分享给大家

演示1:在新窗口打开

因过滤问题无法演示此代码,小伙伴们可自行复制到本地查看效果,注意删除javas cript中间的空格

<a style="cursor:move;" href='javas cript:(function(){window.open("http://www.webstr.top/")})()' onclick="alert('请拖动此按钮到书签栏');return false;">网络游客</a>


演示2:在当前窗口打开,普通常用的标签形式

网络游客

<a style="cursor:move;" href='http://www.webstr.top/' onclick="alert('请拖动此按钮到书签栏');return false;">网络游客</a>


美化版:

    拖动此按钮到书签栏网络游客

<div style="background: #119dd2;color: #fff;width: auto;display: inline-block;padding: 10px 20px;position: relative;">
	拖动此按钮到书签栏
	<a style="cursor:move;position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;font-size: 0;" href="http://www.webstr.top/" onclick="alert('请拖动此按钮到书签栏');return false;">网络游客</a>
</div>

0 位网友评论:

欢迎来评论

暂不支持评论

为您推荐