查看: 1337|回复: 3
如何讲一个小书签做成按钮？
本帖最后由 1812bear 于
18:13 编辑
以前在大神 &&的大力帮助下，曾经将数个小书签集成到一个按钮中，现在想做这样一个功能简单的按钮：鼠标左键单击，就启动某个小书签，其他功能均不需要。
如这个小书签：
[JavaScript] 纯文本查看 / 双击代码区域 Ctrl+A快速复制javascript:(%0A%28function%28%29%7Bwindow.baseUrl%3D%27//%27%3Bwindow.readabilityToken%3D%274HYD9A8ZBHjrsMFDaBXZ4z6VyCLYXFVhaXqdtcdP%27%3Bvar%20s%3Ddocument.createElement%28%27script%27%29%3Bs.setAttribute%28%27type%27%2C%27text/javascript%27%29%3Bs.setAttribute%28%27charset%27%2C%27UTF-8%27%29%3Bs.setAttribute%28%27src%27%2CbaseUrl%2B%27/bookmarklet/read.js%27%29%3Bdocument.documentElement.appendChild%28s%29%3B%7D%29%28%29)
请各位大神出手帮忙，谢谢了！
非常感谢3楼大神@skofkyo&&的帮助，问题解决了，答案在三楼。我做了三个按钮。
q.jpg (37.98 KB, 下载次数: 0)
18:12 上传
404 Not Found
404 Not Found
直接保存为书签，然后去掉名称就只剩个图标了
对于某些没有图标的网站，可以前去书签管理器上导出html，然后手动添加base64码，最后再导回就可以了
[JavaScript] 纯文本查看 / 双击代码区域 Ctrl+A快速复制(function () {
CustomizableUI.createWidget({
id : &readability-button&,
defaultArea : CustomizableUI.AREA_NAVBAR,
label : &readability&,
onClick : function (event) {
switch (event.button) {
gBrowser.loadURI(&javascript:(%0A%28function%28%29%7Bwindow.baseUrl%3D%27//%27%3Bwindow.readabilityToken%3D%274HYD9A8ZBHjrsMFDaBXZ4z6VyCLYXFVhaXqdtcdP%27%3Bvar%20s%3Ddocument.createElement%28%27script%27%29%3Bs.setAttribute%28%27type%27%2C%27text/javascript%27%29%3Bs.setAttribute%28%27charset%27%2C%27UTF-8%27%29%3Bs.setAttribute%28%27src%27%2CbaseUrl%2B%27/bookmarklet/read.js%27%29%3Bdocument.documentElement.appendChild%28s%29%3B%7D%29%28%29)&)
var cssStr = '@-moz-document url(&chrome://browser/content/browser.xul&){'
+'#readability-button .toolbarbutton-icon {list-style-image:url(data:image/base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADXklEQVRYhe2WTWgUWRSFP6MOKMq4GRhQBGE2YUAXQ7uQCQSF4M64yCCIOIsg0lCVbtvuStKp9Kufru6sFFwOQZhdFH8QdScMEyH4A+5FUGxQQd2MBpGMKRd1H/WsdMd01I3kwllUv3vvOXXfe6ca1mItuogh+MGGYzZcsKBlw4IF/9vwzIKrNgwPwaZvQm7DHxY8tSEe6QA7wQsbhr8acT9ssOAvTVKAuAjxqQyKslZIxVw4AZu/WIANf48YpKchrkDsZFCRNVOMDTeGYP2XkA8XpGlZiMYgnoDYhXhS4Mpv45JTlhoRMbYq8jxsGYFXJXm7MSGqQexBHGTgQawkZ1xqSsl2vMvDz10LKMCfJXmjqhD7EIcQR4KGQD+HklOTGicV4XQtoAgzFYM8MEibgimBfm4YQpRsi5OciVtdCyjD9HiGPEuchV7XImqyHafh5rJkeei14LwNd224XISD/bDBhdu+Qd6JuJ2QSIRPwMMKbC3CwRG4bMNdC87noVeT5yyY1wZTlOs0Cidd+C00xt6NgIZMYRIOj8LJsvTWhmXBfB5y2DCrDUSTO8no3irYEsLrRhfkpog6LI7BT1V460jvjGHdpggfsgajr5wLfSHcazeBJrybgidNeNyE+Q4TeO5Cnys92xjWB0rwRpNW+dRkFBwJ4Ioh4EEDSnXYDawzz9EU9E6B3YQ5Q8AdBUdqpGZVNcSU4A0OTE+QGowy4EE5hHMR3K/DAQU9EfQ1YTKCmQj+Ecw0YbIJvwPrQthXh38DuORB2Uv7xZ5wyRWdpgDbajAbJHsWh3J6/aTobAC9J2BjCMcjeBRJXjuITzwM4aiCHh/2KDij3TKUvCARMVuAbQAo6AlgIJJx6yQFFx340YfroTTQAtsh/BTXKrDVh4uaWIzqSgADCnqW+EEAuxqwaLjZnIJBPTrfGKNiyXa1yxn0YE7bdwMWA9i1rCk14KYhoOVCrtaGqBMywvYqaBkClndEmcJgPRWwUIXtNYO8w7iXfBXlg7RdwYLeghAOfVbAEKwPoKWbSROlQHmgAlD1DggkR6XYYYhurfjPiRDFfnJ/cysqahMu5Px0MmrFhQr2++lV7F+tAAX9Rp+BFRc6sFPBSwXvVeJ6qwoXflXw3oP/RuGX1fZZi+87PgL8Kq2k5QcMSwAAAABJRU5ErkJggg==)}'
var sss = Cc[&@mozilla.org/content/style-sheet-1&].getService(Ci.nsIStyleSheetService);
var ios = Cc[&@mozilla.org/network/io-1&].getService(Ci.nsIIOService);
sss.loadAndRegisterSheet(ios.newURI(&data:text/base64,& + btoa(cssStr), null, null), sss.USER_SHEET);
[mw_shl_code=javascript,true](function () {
& & CustomizableUI.createWidget({
& && &&&id : &readab ...
非常感谢！
Copyright & KaFan & All Rights Reserved.
Powered by Discuz! X3.1( 苏ICP备号 ) GMT+8,做书签_出国留学网
出国留学网专题频道做书签栏目，提供与做书签相关的所有资讯，希望我们所做的能让您感到满意！
标题： 做书签
关&键&词：
高中高三 200字
字&&&&数： 200字作文
本文适合： 高中高三
作文来源： ()提示:谢谢您的光顾,下次还能看到您,如果可以,也欢迎您投稿给我们,我们将在第一刊登出来!本作文是关于高中高三200字的作文，题目为：《做书签》，欢迎大家踊跃投稿。 星期天下午，我在家里做了一个漂亮的小书签。我先拿来一张硬板纸，然后又找来了剪刀、胶水，最后，又从我的抽屉里拿出水彩笔。准备的材料、工具都齐了，下面就开工吧！
我先用铅笔在硬板纸上面画了一个长方形，然后用剪刀剪下来，再用水彩笔在上面画了一朵小红花、一只小蝴蝶、一个小气球、一团小烟火，还在两旁画上了花边，最后，我在书签的最上面打了一个小孔，穿上一条绳子，一个漂亮的书签就做好了。以后，每当我看书看到一半时，我就用小书签夹好，第二次看书时，我一翻就可以找到那一页了。我真喜欢我的小书签。
标题： 做书签
关&键&词：
小学二年级 150字
字&&&&数： 150字作文
本文适合： 小学二年级
作文来源： ()有话说:小编辛苦弄了大量作文让您，你得支持我呀，要不然我可冤枉！本作文是关于小学二年级150字的作文，题目为：《做书签》，欢迎大家踊跃投稿。 今天，教我们做书签，要准备的材料是：卡纸、剪刀、丝线、水彩笔等。我先把一张卡纸放在桌上，用尺子量出一个长13厘米、宽5.5厘米的长方形，用剪刀剪下来。然后，我一面画了三角形、五角星......,另一面写了"书山有路勤为径，学海无涯苦作舟”14个字。我觉得还是不漂亮，就在字旁边添了一点图案。最后，我在卡纸上方剪了一个小洞，把绳子穿过去，书签就做好了。看着自己做好的书签，我高兴地笑了。
标题： 自己动手做书签
关&键&词：
小学二年级 250字
字&&&&数： 250字作文
本文适合： 小学二年级
作文来源： 网()提示:如果您觉得我们的不错，请推荐给您的们！本作文是关于小学二年级250字的作文，题目为：《自己动手做书签》，欢迎大家踊跃投稿。 今天，我自己动手做了一枚漂亮的书签，想知道我是怎么做的吗？让我来告诉你们吧！
　　　动手之前，必须把材料和工具准备好。一张纯白色的硬卡片、一根红绳、彩色铅笔、剪刀，这些都是必不可少的。我该怎样把书签做得新颖别致呢？经过反复，我决定制作一枚有意义的书签，对了，快到了，就做一枚送给的书签吧！
　　　首先，我用剪刀将硬卡片裁成10cm长、5cm宽。接着在卡片的正面画了妈妈面带微笑搂着我的图画。然后，在卡片的背面写下了“妈妈：我永远爱你，祝您母亲节！
”的语句。最后在卡片正上方中间处扎一个眼，把红绳穿进去，打一个结。就这样，节书签做好了。　　　我的书签很小很小，但我的心意和祝福却是很真很真的，妈妈在收到书签可以露出的笑脸。
标题： 做书签
关&键&词：
小学一年级 100字
字&&&&数： 100字作文
本文适合： 小学一年级
作文来源： ()有话说:出国留学网()大家喜欢的留学网站,出国留学前记得过来溜达下.谢谢了!本作文是关于小学一年级100字的作文，题目为：《做书签》，欢迎大家踊跃投稿。 今天，我在家做书签。我准备好工具和材料，就动手做了起来。我先拿了一张厚纸，然后用蜡笔在纸上画了一些小，再图上美丽的颜色。之后，我才把这个图形剪下来，再在图形的尾部挖个小洞并系上根红线。最后，我在书签的反面端正地写上“好好，天天向上”这几个字。一个漂亮的书签就做完了。我喜欢我的小书签。
标题： 做书签
关&键&词：
小学三年级 50字
字&&&&数： 50字作文
本文适合： 小学三年级
作文来源： ()将为您的作文作业全新服务，您能给我们更多的宝贵意见。本作文是关于小学三年级50字的作文，题目为：《做书签》，欢迎大家踊跃投稿。 今天，美术教我们做书签，可把我们乐坏了。首先，我把标签剪成方块儿的形状；然后，我把卡纸也剪成方块儿的形状；最后，我把卡纸贴在标签上。哈!哈!一个精美的“方块儿”书签就做好了。我喜欢做书签!
标题： 做书签
关&键&词：
做书签 小学二年级 200字
字&&&&数： 200字作文
本文适合： 小学二年级
作文来源： ()有话说:出国留学网()大家喜欢的留学网站,出国留学前记得过来溜达下.谢谢了!本作文是关于小学二年级200字的作文，题目为：《做书签》，欢迎大家踊跃投稿。
今天，我们在作文课上做书签。先让我们挑选做书签的材料。我挑选了一张自己喜欢的红颜色的卡纸。我觉得红色是火的颜色，非常喜庆，中国人都喜欢这种颜色。挑选完了纸，我还选了一根粉色的丝线。我先把图贴在卡纸上面，然后在纸上面画了一棵四叶草。因为我它能给我带来幸运，让我的更好。接着，我在书签的上方钻了一个小孔，然后小心地把丝线穿过去，打了一个结。我把做好的书签拿在手里看了又看，高兴极了。轻轻地打开书，我把这个书签小心翼翼地夹在了书里。巨人云岗分校三年级
标题： 做书签
关&键&词：
做书签 小学三年级 250字
字&&&&数： 250字作文
本文适合： 小学三年级
作文来源： ()提示:我们做的不好的地方还请您多多包涵，请阅读本作文。本作文是关于小学三年级250字的作文，题目为：《做书签》，欢迎大家踊跃投稿。
今天,坐车带我高高兴兴的去史家上作文课。
到了学校，冯说今天做书签，我心里乐开了花。老师让我们自己选一张彩色的长方形纸，然后发给我们每人一个银光闪闪的别针和一条彩线。我们开始作画了。我为了让我的书签更漂亮一些，我在上面画了一个心，它是由两个小半圆组成的。我为什么画这个呢？是因为如果我们每人都有一颗，世界就会更美好起来。作完画，接着我们开始打孔，我们在纸的顶端的中间位置画一个小圆圈，沿着画好的圆圈扎小眼儿，用别针把小眼儿中间的圆纸片儿挑下来。最后把桔黄色的彩线穿进小圆圈里，打一个结，书签就做好了。
我要把书签夹在我最爱看的书里，让它跟我在知识的海洋里一起遨游，伴我。查看所有我要评论
标题： 做精美的树叶书签
关&键&词：
树叶 小学四年级 700字
字&&&&数： 700字作文
本文适合： 小学四年级
作文来源： ()提示:我们欢迎所有使用和拷贝我们的作文，只需在页面保留我们的版权信息即可。本作文是关于小学四年级700字的作文，题目为：《做精美的树叶书签》，欢迎大家踊跃投稿。 前天晚上,我和一起终于做了两片精美的树叶书签。　　首先,我准备好了几样工具和材料:几片叶脉清晰的树叶、小剪刀、几根彩线、玻璃板、各种水彩颜料、镊子。材料准备齐全了，我就把五六片不知名的绿叶放进装满热水的小锅子里泡上几分钟，然后再加进3大勺事先准备好的洗衣粉，说过，洗衣粉里含有碱。紧接着，就把小锅子放到炉灶上慢慢加热。一个小时后，我等不及了，连忙用镊子小心翼翼地夹起一片树叶，放到台板上，用牙刷顺着叶脉轻轻地来回刷着。刷了一会儿，我一不小心把叶子弄烂了一点，哎，我只好把这片叶子扔进垃圾桶里了。又过了许久，爸爸把那一小锅煮好了的树叶端了下来，我这次特别小心，生怕再弄烂了叶子，细心挑选了一片稍小的树叶，放在玻璃茶几上，用牙刷饶有兴趣地一次一次地刷着。刷了好一会儿，我惊喜地，叶肉快刷干净了，渐渐地显出了透明的叶脉。我用镊子轻轻地夹起叶柄，兴奋地对爸爸说：“爸爸，你看看！
怎么样？”爸爸看了一会儿，竖起大拇指，夸奖道：“嗯，不错！
”我的脸红红的，地笑着，又把它平平地放回玻璃板上，把上面剩余的叶肉刷完。过了好久，突然刷不动了，原来是树叶给“冻”住了。于是，我也学着爸爸的样儿，把树叶放进热水里“解冻”一下，然后又拿出来继续刷。终于只剩下叶脉了，我和爸爸一起把刷好了的叶子拿到清水里，用清水清洗干净后，再把粘在叶脉上面的水分轻轻地甩干，然后把它们压在水晶板下面。过了两天，我再从水晶板下面小心地取出这两件“胜利品”时，我激动不已，拿在手里，左瞧瞧，由看看，没有一点叶肉，完完全全由一根根粗的、细的叶脉连成，就像薄薄的蝉翼，亮亮的，真是爱不释手。我又把它用红色和柠檬黄染了一下，“太精美了！
”　　我欣赏着这两片精美的而且是我自己精心制作出来的宝贝儿，笑得合不拢嘴。我非常喜欢这有趣的实验，它不仅培养了我的耐性，还丰富着
标题： 自己动手做书签
关&键&词：
自己 小学二年级 300字
字&&&&数： 300字作文
本文适合： 小学二年级
作文来源： ()有话说:出国留学网()大家喜欢的留学网站,出国留学前记得过来溜达下.谢谢了!本作文是关于小学二年级300字的作文，题目为：《自己动手做书签》，欢迎大家踊跃投稿。 我的书签很小很小，但我的心意和祝福却是很真很真的，在收到书签可以露出的笑脸。　　今天，我自己动手做了一枚漂亮的书签，想知道我是怎么做的吗？让我来告诉你们吧！
　　　动手之前，必须把材料和工具准备好。一张纯白色的硬卡片、一根红绳、彩色铅笔、剪刀，这些都是必不可少的。我该怎样把书签做得新颖别致呢？经过反复，我决定制作一枚有意义的书签，对了，快到了，就做一枚送给妈妈的书签吧！
　 　　首先，我用剪刀将硬卡片裁成10cm长、5cm宽。接着在卡片的正面画了妈妈面带微笑搂着我的图画。然后，在卡片的背面写下了“妈妈：我永远爱你，祝您母亲节！
”的语句。最后在卡片正上方中间处扎一个眼，把红绳穿进去，打一个结。就这样，节书签做好了。　 　　我的书签很小很小，但我的心意和祝福却是很真很真的，希望妈妈在收到书签可以露出幸福的笑脸。
标题： 做书签
关&键&词：
做书签 小学五年级 550字
字&&&&数： 550字作文
本文适合： 小学五年级
作文来源： 网()有话说:天下作文一大抄,白抄白不抄啊!小编准备了很多内容供给大家吸收,大家有所帮助哈,谢谢大家捧场了!本作文是关于小学五年级550字的作文，题目为：《做书签》，欢迎大家踊跃投稿。 欢迎阅读《作文:做书签》，“”每日为您更新更多优秀的“五年级作文”，请随时关注！
做书签 常熟市谢桥中心小学 五（3）班
薛洲　　来自：作文大全 星期天，我做完了作业，看了一会儿书，就再也没心思看下去了。我左顾右盼，只见书桌上有一张白纸，我的手就痒痒了，总想用它来做些什么。折艘小船吧，放在水中玩很快就会打湿；折只小鸟吧，白色的小鸟又不漂亮；还是折只篮子吧，这样的篮子又不能装多少东西……唉，还是就做个书签吧，既简单又实用！
　来源：作文网
于是，我拿出了水彩笔、丝带、贴纸等材料，剪刀、铅笔等工具就开始做书签了。　 我先把纸剪成了树叶的形状，把着尺用铅笔画好书签的边框后就画背景草图，再用水彩笔涂上颜色。当然，要选用较淡的颜色，因为这是背景。背景图案怎么画都行，只要好看就可以了。接着，我用颜色较深的水彩笔，在书签的中心位置写上“勤学好问，多思善练”八个大字。　 书签基本做好了，可看来看去总觉得还不够，于是我就拿出平时积攒的零花钱去小店买了一些漂亮的贴纸，贴上一些，点缀一下，让它锦上添花。　 装饰完毕，我就在书签顶端正中打了一个小洞，用彩带穿过小洞再打个结就可以了。就这样，一个充满书香气的书签就完成了。　 我这个书签的背景是淡黄色的，边上用红色的水彩笔各画了一条曲线，字的颜色是深蓝色的，还在上面添了一朵小花和一只蝴蝶，可漂亮了。　 你们喜欢我做的书签吗？　　
《做书签》这篇优秀的“五年级作文”由作文网收集，来源于互联网和会员投稿，仅供参考和，转载请注明出处。
做书签推荐访问
搜索更多内容
做书签相关推荐
联系编辑：胡先生
联系邮箱：(#替换@)
联系电话：3制作教程：
如图裁剪出书签的卡纸
粘上如图形状的黄色卡纸，并在书签上打个心型的孔
来制作菊花的花心，如图
再来制作菊花
在制作好的菊花中间粘上一颗小珍珠做装饰
如图粘上黄色纸条制作的...
需要材料：自制的小蛇纸型、酒精胶、针、铝线（可用铁丝代替）、气消笔、剪刀、手缝线
制作教程：
气消笔将剪好纸型转画在不织布上
将蛇的各个部位在不织布上剪下来
剪好小蛇的二片身体
用酒精胶将小蛇身体的各个部位粘到身体上，如...
主要材料：
所需工具：
剪刀、针线
制作步骤：
第1步：先将不织布剪成制作小猪书签的组成部分
第2步：然后拼起来看看效果，进行调整
第3步：下面先缝眼睛
第4步：缝眼睛的时候，针线的缝制方法
第5步：这样...
需要材料：滴胶这里用的Uv滴胶、叶脉、迷你玻璃罩、干花、小吊扣和链子
需要工具：剪刀、牙签、Uv紫外线光疗机、紫外线手电筒
开始制作：
因为单纯的叶脉实在太薄容易坏啦!
所以今天用uv滴胶封住叶脉，...
利用时光宝石制作的复古漂亮的饰品(如项链、手链、胸针、耳钉、戒指、手机链、钥匙扣等)，受到众多年轻人的青睐。现在给它换一种风格吧，这款文艺清新的干花书签怎么样呢？喜欢的小伙伴，赶快动手制作吧。
时光宝石书签材料与工具：
50px半球形宝...
有趣的小动物便签夹可放置桌牌、留言条，可爱的动物形象使放在桌面的便签条和桌牌更醒目、有趣。
制作材料：
塑料动物模型、喷漆（颜色按个人喜好）、热胶枪和胶棒、木块底座、细铁丝、钢丝钳、螺丝刀、电钻和钻头
制作教程：
将木块底座喷上灰色喷...
开始制作：
剪好图片中需要的材料。一大一小两个直角的扇形不织布，一对白色眼睛，黑色头发，大红色的嘴巴
用黑色的线在白色的眼睛上面缝一个黑色的眼珠。
按照图片中的造型，用相近颜色的线将其固定。
图案缝制好了以...
一款制作简单的绕线郁金香书签，非常可爱的外形设计，帮你牢牢记住阅读到哪一页！
制作材料：
铜线、尖嘴钳、圆嘴钳、斜口剪线钳
制作步骤：
步骤1：使用尖嘴钳弯曲铜线一端约1.5cm呈25-35度角，这将是叶片的中心叶脉
步骤2：继续向...
开始制作：
工具，衍纸条白色绿色粉色
剪成长短不一的小段，按书签大小调整长短
在一边剪一个三角形
剪好衍纸条备用
粉色松卷变泪滴卷
Powered by书签怎么做_百度知道
书签怎么做
还有可以收集一些植物标本来做书签可以用回形针呀,如果不想太简陋,如果不想diy,也可以那女生那些发夹当书签,也可以在卡片上或图书剪一些自己喜欢的娃娃下来贴在回形针上端
其他类似问题
为您推荐：
其他1条回答
上海成海包装是个比较好的印刷厂021-希望可以帮的了你哪看你要做什么样的书签了，比较划算又专业，具体量大不，如果需要多了就找印刷厂把
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁