Saber 酱的抱枕

Fly me to the moon

08/2
2014
学习

jq 文字逐行向上滚动

http://www.51xuediannao.com/js/jquery/jquery_scroll_sx.html
这个代码用起来比较简单,也不需要去js文件里面进行修改(当然js里面的注释还是要删的)。演示中还附带了方向控制按钮。

使用方法:
首先在要滚动的部分(ul标签)外嵌套一层div,设置id。div需要设置overflow:hidden;
然后引入jq,再引入这个演示中下载的js,最后添加下面的js代码:

注意id替换一下,line是一次滚动几行,speed是滚动的快慢,timer是滚动的间隔,按钮没有的话不用管。鼠标经过会暂停。

但是它有一个问题:这个js不是通过复制内容来循环的。它滚动时先把ul的margin-top设为负值,这一行滚动上来之后再归零。所以我们准备的li要多放一行,以免ul完成整个滚动过程之后,最后一行字才显示出来(即滚动过程中,这行li里面的文字没有显示出来,滚动完才忽然显示)。

jq 文字逐行向上滚动

08/1
2014
软件

Sublime Text 2——代码编写利器

Sublime Text被称作Windows下的TextMate,而根据其官网介绍,Sublime Text的特点如下:拥有高效、没有干扰的界面,在编辑方面的多选、宏、代码片段等功能,以及很有特色的Minimap。

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但目前可以无限期试用)也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能,例如迷你地图,多选择,Python的插件,代码段,等等。完全可自定义键绑定,菜单和工具栏。Sublime Text的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。

Sublime Text 2.0 正式版主要新增支持 Retina 视网膜屏、拖拽文本、构建系统得以优化、支持 CSS 自动完成以及高亮设置等新特点~

Sublime Text 2 的特色功能:
良好的扩展功能,官方称之为安装包(Package)。
右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞
强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可以直接执行,减少了查找的麻烦。”
即时的文件切换。
随心所欲的跳转到任意文件的任意位置。
多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
支持 VIM 模式
支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。
更新非常勤快

Read More →

Sublime Text 2——代码编写利器

08/1
2014
学习

Emmet——HTML/CSS代码快速编写神器

全文:http://www.iteye.com/news/27580

我只记录下自己还不熟悉的部分。

html:5 或!:用于HTML5文档类型
html:xt:用于XHTML过渡文档类型
html:4s:用于HTML4严格文档类型

定义HTML元素的内容和属性:
h1{foo}
a[href=#]

^:可以使该符号前的标签提升一行

自动产生顺序:
ul>li.item$*3

Emmet——HTML/CSS代码快速编写神器

08/1
2014
学习

Jq显示隐藏div

多个选项卡的切换(隐藏显示)是网页常见的特效,用jq来做很省事。

首先引入jq,然后封装一个事件,在div中写入onclick="showdome1()"

下面是两个tab切换的:

function showfuwutab2 () {
$("#dome2").show();
$("#dome1").hide();
$("#dome2").css('color','#cd4726');
$("#dome1").css('color','#fff');
}[/code]
下面是单个按钮切换一个div显示隐藏的:

function showdome1() {
if($('#dome1').is(':hidden')){
$("#dome1").show();
}else{
$("#dome1").hide();
}
}[/code]
如果封装的js太长的话可以保存到外部文件。

参考:http://www.phpvar.com/archives/183.html

Jq显示隐藏div

08/1
2014
学习

HTML特殊转义字符列表

显示 说明 实体名称 实体编号
半方大的空白    
全方大的空白    
不断行的空白格    
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
" 双引号 &quot; &#34;
© 版权 &copy; &#169;
® 已注册商标 &reg; &#174;
商标(美国) &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

 

更多:http://114.xixik.com/character/

HTML特殊转义字符列表

08/1
2014
软件

winrar设置解压时的缓存路径

刚才在网吧,解压一个2G多的iso文件,解压到快完成的时候提示磁盘空间不足。


盗来的图,我看了下解压的这个盘空间还有200G呢,怎么会不够?可是重试又失败。我竟然以为是路径+文件名过长的原因,移动到根目录下解压,还是这样,郁闷了一会儿,想到了缓存盘的问题,一看,c盘只剩下40K空间了,无语


于是去设置里面改了缓存盘位置,再解压就好了。

坑爹的设置,一般人谁会想到改这个,更别说有些小白根本不知道要设置临时文件路径了。

推荐使用bandizip来作为压缩管理软件,它在解压的时候直接解压到目标文件夹,不产生临时文件,所以也不会像winrar那样有时候解压完了还有个移动的过程。

winrar设置解压时的缓存路径

07/31
2014
学习

图床——www.photobucket.com

http://www.photobucket.com/

由于七牛要和谐一星期,所以找到了这个网站,使用起来略微麻烦些。但是网站经常打不开,而且大于1M的图片它不允许外链,外链的话是接收不到的,渣渣。

我是在异次元看到的介绍,自己注册去了,全英文界面,凑合着看个半懂

上传时可以建立新相册(空间),但是上传后要复制图片链接略麻烦。大概是因为网站的侧重不同吧,七牛做的就是外链,这个网站的外链算是附带的。

国内的网站真是不能让人放心,这次换图床根本就没再考虑国内的,除了限制多,也太不稳定了,指不定什么时候就关闭网站了。

发现一个缺点,一些大图需要点击“查看大图”按钮,才能看到原大的图片,此时复制的图片网址才是大图的。

此图床最万恶的地方在于它不是我大中华局域网用户,经常被墙、打开很慢甚至页面不能完全加载,导致很难使用。不过外链的图片似乎不怎么受影响。

另外据传它最大上传图片大小是1M,实际上1M以上的也可以上传,但是我用外链来插入一个超过1M的图片时,经常无法接收,我怀疑大于1M的图片它不允许外链。以后主要用http://t.williamgates.net/算了,大小无限制,而且我发现注册之后可以建立相册来分类管理图片,不错的

图床——www.photobucket.com

07/31
2014
ACG

十万巫女——灵梦无节操的由来

最出名的原因可能反而是二设《二色蝶》里面的《十万巫女》一章,可以在这里查看

但其实在原作里就有个地方体现了她的无节操:

『东方妖妖梦』里与爱丽丝的对话——

灵梦:『春度』是什么?(春度原意应该指春天的程度)
爱丽丝:就是说你的头脑究竟有多春的程度啊。
灵梦:哦…那太高了也不好。

于是灵梦就获得了『满脑子春的无节操巫女』之称。

此图右侧大亮啊

十万巫女——灵梦无节操的由来