上上下下的选择

你的位置：快乐忆站 \ 技术 \ 文章正文

上上下下的选择

小松 @ 2010年7月29日 23:55:39 周四

前几日，Evan Chen留言给我说能不能分享下博客的上下箭头的代码，也就是侧边栏旁边的哪两个上下的箭头。说实话，我也是别人那里copy过来的，直接分享源代码真的不好意思，然后今天就突然想把他弄成了插件，适合于emlog的插件，分享给有需要的童鞋。

当初因为感觉效果挺炫的，然后就把这个东西给搬到自己博客，然后分享给了朵未和老九，这几天又看到木木也在用这东西了，不过木木的和我的效果不一样，我的图片位置是固定的，他的是会有个动态变化过程的，感觉他那个好，但是我又懒得改自己的了，就将就着用吧~

使用方法很简单，只要下载附件，上传至emlog插件目录，然后后台激活即可，没有任何设置选项。不过这个图片在非白色的背景下显得不是很好看，所以特地准备了一张备用的图片，在文件夹内，如果觉得图片不合适，那么你可以试试选用另外一张图片或者自己折腾出一张来。需要换图片的请打开文件夹内的top_bottom.css文件，找到第三行代码如下：

#goto .top, #goto .bot{width:28px;height:41px;margin:5px 0!important;background-image:url(goto.gif);background-repeat:no-repeat;display:block;text-indent:-9999px;cursor:pointer}

修改goto.gif为goto1.gif，或者是你自己的图片即可。

当然，动手能力强的可以用修改代码的方法来实现，也不是很难，无非加点js，加点css就OK了。又是深夜更新，去睡觉了，困...

文章出处：《快乐忆站》文章地址：http://thin.tk/6b 辛苦劳作所得，转载请务必注明出处！

标签：插件 emlog jQuery 附件：top_bottom.rar 3.27KB 下载次数：51

« 上一篇：7月小结

深夜更新，瞎扯点字数：下一篇»

相关日志：

随机日志：

大家的话：(我来说两句)

64楼：yesureadmin 在 2010-08-08 20:07:47 说：
佩服这样的折腾劲

回复该楼

小松：那是，必须折腾的~

回复小松
63楼：踏雪残情 在 2010-08-02 20:40:25 说：
回复62楼小松：三人行,必有我师嘛!

回复该楼

小松：呵呵，孔子曰~

回复小松
62楼：踏雪残情 在 2010-08-01 11:45:00 说：
我也来学习！！

回复该楼

小松：你可真谦虚，我真的不敢当啊~

回复小松
61楼：朵未在 2010-07-31 20:53:40 说：
小松神勇，插件已用鸟。

回复该楼

小松：还是插件比较好，什么模板都能用~

回复小松
60楼：箴言在 2010-07-31 17:59:00 说：
看到标题我想到了上海三菱电梯~~~ 用下··

回复该楼

小松：我也是，哈哈~

回复小松
59楼：箴言在 2010-07-31 17:57:24 说：
我的输入法好了，尽然不能留全拼音的

回复该楼

小松：呵呵，是的，屏蔽全英文的留言~

回复小松
58楼：Evan 在 2010-07-31 17:16:57 说：
回复57楼小松：这次你又说到腰眼上了

回复该楼

小松：唉，没办法~

回复小松
57楼：Evan 在 2010-07-31 17:15:20 说：
回复56楼小松：汗。说了，服务器上的其它站点都正常……

回复该楼

小松：这么悲剧？不过我也遇到过，估计这个插件并非单纯的用mail函数

回复小松
56楼：Evan 在 2010-07-31 17:13:35 说：
回复55楼小松：更为难过的是你的SENDMAIL好好的。而我死活用不起来。其它站点测试都没问题。就EMLOG不成……

回复该楼

小松：这个估计就是你主机的问题了...

回复小松
55楼：Evan 在 2010-07-31 16:50:26 说：
回复52楼小松：貌似官方在这种事上没什么热情。我曾经发过很多贴去找解决方案。但得到的答案基本都是请与模板作者取得联系。

另外这模板不光这一处问题。碎语的错位严重，Widgets CSS设置不合理。而且标签竟然是一个词一行-_-!!!

说了这么多一定有人要说，那你干嘛还用这个模板？因为我感觉不布局还好。比较适合我的需求。

回复该楼

小松：呵呵，作者已经离开em一段时间了

回复小松
54楼：毕业生 在 2010-07-31 16:44:31 说：
昨天用了下Emlog 感觉不错

回复该楼

小松：呵呵，emlog简单易用~

回复小松
53楼：Mucid 在 2010-07-31 16:40:01 说：
我在想把箭头换成MM效果如何

回复该楼

小松：效果杠杠的，点的人会很多~

回复小松
52楼：Evan 在 2010-07-31 16:36:23 说：
回复51楼小松：是的。你能不能写进去？模板的作者也不知道跑到哪个星球去了。找了半个月了不见人影。

回复该楼

小松：可以当然可以，不过我反馈给官方了，官方会修改的，到时候你去下载下就OK了

回复小松
51楼：Evan 在 2010-07-31 16:22:47 说：
回复50楼小松：呃。的确可能。你测试一下Bluesky模板。

回复该楼

小松：发现问题了，你那个模板有严重bug，竟然footer里面没有挂载点！

回复小松
50楼：Evan 在 2010-07-31 15:38:42 说：
汗死。我装上没反应

回复该楼

小松：额，不可能吧？

回复小松
49楼：木本无心 在 2010-07-31 12:48:42 说：
为人民服务，小松童鞋乐此不疲。

回复该楼

小松：被你夸得跟雷锋一样了...

回复小松
48楼：刘晓林 在 2010-07-31 12:09:14 说：
我还是喜欢用拉的，哈哈！

回复该楼

小松：那好吧，既然这样，算我囧~

回复小松
47楼：晴天在 2010-07-31 12:01:04 说：
我也想要这东东哦！
这样方便了，谢谢小松！

回复该楼

小松：客气了，写成插件就是为了方便大家啊~

回复小松
46楼：云召博客 在 2010-07-31 11:58:59 说：
呵呵，挺好。。不过我的博客上米有这个东东

回复该楼

小松：可以自己加啊~

回复小松
45楼：nalimai 在 2010-07-31 11:32:09 说：
做成插件了...支持下

回复该楼
44楼：Jeff 在 2010-07-31 10:00:21 说：
看来你对EMLOG的贡献不少啊。

回复该楼

小松：没有贡献，都是我自己玩的~

回复小松
43楼：枫雪在 2010-07-31 10:00:10 说：
回复42楼小松：嗯想的很周到

回复该楼

小松：呵呵，反正我也很闲~

回复小松
42楼：枫雪在 2010-07-31 09:52:57 说：
做成插件了...支持下

回复该楼

小松：嗯，方便一些不太会代码的童鞋，动手能力强的照样可以不用插件来形成~

回复小松
41楼：mice 在 2010-07-31 08:56:30 说：
改成点一下移动半个屏幕左右会不会好点..

回复该楼

小松：这个半个屏幕我还没去玩过，可以去试试~

回复小松
40楼：大智若鲁 在 2010-07-31 05:32:17 说：
这箭头不仔细的都看不见

回复该楼

小松：可能博客整体颜色太淡了，然后箭头又很淡，确实有些难找

回复小松
39楼：Zk 在 2010-07-30 22:22:37 说：
回复38楼小松：叫我看代码，就像对牛弹琴..

回复该楼

小松：呵呵，那就别折腾了~

回复小松
38楼：Zk 在 2010-07-30 22:17:49 说：
回复35楼小松：我想的也是这样，不过只能上不能下·而且和我的评论按钮有冲突所以...

回复该楼

小松：下的话你需要修改js里面的代码的，呵呵~

回复小松
37楼：醉美点金 在 2010-07-30 22:06:58 说：
我也想用这个，可惜我的是wp的！

回复该楼

小松：那就直接在模板里面加代码嘛，呵呵~

回复小松
36楼：软件盒子 在 2010-07-30 21:58:21 说：
技术文章归来

回复该楼

小松：呵呵，顶多算是移植~

回复小松
35楼：Zk 在 2010-07-30 21:53:04 说：
其实前段时间也被我copy过去了，本人不才未能达到这效果··搞不懂代码~~之后不了了之！用了个简单的返回顶部.

回复该楼

小松：其实就一个css和一个js，网页加载一下就ok了

回复小松
34楼：老实人博客 在 2010-07-30 20:03:01 说：
改善用户体验~好事儿呀~

回复该楼

小松：嗯，我现在在慢慢修改，刚刚把他从右边拉倒了中间来~

回复小松
33楼：merror 在 2010-07-30 19:22:56 说：
呵呵关闭边栏就简洁很多了
俩箭头在页面很长的时候很有用。

回复该楼

小松：嗯，是的，这也是我加入的原因~

回复小松
32楼：Junan 在 2010-07-30 18:23:36 说：
回复30楼小松：我也想搞~~但是不会~~WP~~之前搞过~~失败了~~

回复该楼

小松：这个，估计你加错地方了吧，或者哪里有细节错误吧~

回复小松
31楼：沉冰浮水 在 2010-07-30 18:14:12 说：
哈哈。。挺不错的。。
----------
热。。

回复该楼

小松：额，去买根棒冰吧~

回复小松
30楼：Junan 在 2010-07-30 17:29:21 说：
回复12楼小松：现在看到了~~之前貌似是没有的啊~~奇怪~~了~

回复该楼

小松：现在应该看的很清楚了吧，我移动位置了~

回复小松
29楼：灰太狼 在 2010-07-30 16:30:53 说：
松哥。你的博客。太卡了啊。。。

回复该楼

小松：莫非要你给我赞助空间？

回复小松
28楼：小邪在 2010-07-30 15:59:39 说：
呵呵，木木的那个用 $(window).scroll 就能搞定鸟 ~

回复该楼

小松：嗯，我去看了~木木把jq玩得很熟练，真是佩服啊~你也一样的强！

回复小松
27楼：痕在 2010-07-30 15:50:30 说：
来支持下，嘿嘿。

回复该楼

小松：真好~

回复小松
26楼：随缘在 2010-07-30 15:39:01 说：
回复24楼小松：

回复该楼

小松：呵呵，必须的哈~

回复小松
25楼：创享·生活 在 2010-07-30 15:37:33 说：
回复23楼小松：就是网页宽带会非常窄，填充不了屏幕..

回复该楼
24楼：随缘在 2010-07-30 15:19:43 说：
回复1楼小松：你咋知道是手机党

回复该楼

小松：我会不知道的啊，我可是小松啊~

回复小松
23楼：创享·生活 在 2010-07-30 15:13:57 说：
回复21楼小松：你看那些网页不是觉得很怪吗?

回复该楼

小松：目前为止还没有觉得怪的网页~

回复小松
22楼：创享·生活 在 2010-07-30 15:12:52 说：
回复21楼小松：看来你周围的可是有钱淫啊..

回复该楼

小松：那不会，我是个穷人，周围怎么可能是有钱人？

回复小松
21楼：创享·生活 在 2010-07-30 15:03:16 说：
回复20楼小松：不会吧。我的还在用1024呢..我看到很多网页在1024 看都已经比较小了..然后在1440下面更加杯具，呵呵..

回复该楼

小松：我看到的1024的不多，可能比较片面了~

回复小松
20楼：创享·生活 在 2010-07-30 14:49:10 说：
回复18楼小松：大一点好。如果在一些19寸以上的屏幕上看，两边空出来，感觉很不好看。现在对于那些大屏感觉很渺茫。现在的网页宽度都不知道多少为好，呵呵

回复该楼

小松：一般现在台式机主流分辨率是1440*900吧，笔记本主流就是1366*756或1280*800了

回复小松
19楼：学之源 在 2010-07-30 14:45:30 说：
早点睡觉吧~~我看都快12点了

回复该楼
18楼：创享·生活 在 2010-07-30 14:39:30 说：
回复17楼小松：我的是笔记本的14.1寸屏，用正常的1024*768分辨率，有分别的吗??我chrome 那个调整页面大少的应该也没有错误的。箭头就只看到了一点边边

回复该楼

小松：你那个不是宽屏的，我试了，确实只看到一点点边，这个跟浏览器无关，是我网页太大了~

回复小松
17楼：创享·生活 在 2010-07-30 14:34:16 说：
在chrome下被遮了一大半。搞到我在找那个箭头找了大半天，晕

回复该楼

小松：不会吧，我的chrome正常的啊~你是宽屏的吗？

回复小松
16楼：Pavel 在 2010-07-30 14:21:46 说：
屏幕太窄了
箭头只能看到一半
我用的Firefox3

回复该楼

小松：屏幕太小了我就没办法了~宽屏就没问题了~

回复小松
15楼：草儿在 2010-07-30 14:06:18 说：
小松的动手能力相当强悍啊

PS：看到上方的feed推荐，感谢一下小松童鞋

回复该楼

小松：呵呵，这个也是方便我第一时间能看到你们的更新啊~

回复小松
14楼：龙崽在 2010-07-30 13:58:35 说：
又是技术贴，占座先！~

回复该楼

小松：哈哈，欢迎占座啊~

回复小松
13楼：imfigo 在 2010-07-30 13:47:09 说：
最近老是看到Emblog的博客，看着模板很不错。

回复该楼

小松：其实程序也不错的~

回复小松
12楼：Junan 在 2010-07-30 10:49:09 说：
回复11楼小松：汗~~也太小了吧~~现在才留意到~~

回复该楼

小松：呵呵，这还小啊，够大了啊

回复小松
11楼：Junan 在 2010-07-30 10:29:46 说：
奇怪~~因为我没看到你博客有上上下下的东东呢~~？？

回复该楼

小松：右边的那两个箭头就是啦~

回复小松
10楼：电脑人生 在 2010-07-30 10:08:58 说：
可惜俺是ZBLOG 眼馋！！

回复该楼

小松：zb也可以实现，就是需要手动添加代码了~

回复小松
9楼：masky 在 2010-07-30 10:06:41 说：
我是来支持的！

回复该楼

小松：呵呵，谢谢支持~

回复小松
8楼：小托在 2010-07-30 09:23:00 说：
回复7楼小松：很不好意思我是吃着早饭过来的。你没希望了哈哈

回复该楼

小松：额，我还没吃呢，我去吃早饭喽~

回复小松
7楼：小托在 2010-07-30 09:10:59 说：
小松我是来打酱油的嘿嘿

回复该楼

小松：哈哈，酱油打完了，你妈妈喊你回家吃早饭~

回复小松
6楼：ifenwen 在 2010-07-30 08:21:05 说：
呵呵确实不错不过不想用插件的方法如何实现呢

回复该楼

小松：下载我的插件，把一个js和css合并到你的js和css里面就ok了~

回复小松
5楼：河海浪子 在 2010-07-30 07:47:49 说：
向你学习啊。。。。

回复该楼

小松：客气了，真的客气了~

回复小松
4楼：人好哇！ 在 2010-07-30 00:35:45 说：
呵呵，原来不是自己做的东东啊。不过好用的东西，借鉴来也无妨。

回复该楼

小松：嗯，本来就这样，自己原创毕竟还不行啊~

回复小松
3楼：hesiway 在 2010-07-30 00:26:25 说：
回复2楼：我的那个也会上下动~有时候反应不及时，我怎么却喜欢不动的啊，我准备要你的了~

回复该楼

小松：呵呵，这个是通过css实现定位的，位置固定，但是在IE6下也会动，不过反应很快，效果还行~

回复小松
2楼：hesiway 在 2010-07-30 00:24:13 说：
恩，~这个东西我也试图加上，一直在调试中~呼，不满意呢~

回复该楼

小松：那就慢慢弄，弄到满意为止~

回复小松
1楼：搜搜在 2010-07-30 00:14:10 说：
先抢个沙发坐坐

回复该楼

小松：手机党也能抢沙发，强悍~

回复小松