国外的很多摄影或图片网站，为了防止别人随意保存图片，想出了很多办法。其中，最简单的要数把图片的url放到元素的背景中去，这样一来普通用户就无法右键另存为，实现和操作起来也简便。

有时候，鼠标右键所出现的内容，往往不是我们所想要的内容，更多的是浏览器为我们所设想的东西。所以，有些网站就是屏蔽了右键菜单。这样一来用户就找不到另存按钮，同时也无法简单的右键查看源码，但大大损失了鼠标右键的功能。所以，QQ邮箱和WEB QQ很早就做到了一点，那就是通过JS和CSS模拟出一个右键菜单，来帮助用户操作和引导用户去操作。

今天所说的内容，也可以说是在此基础上的一个衍化。

代码分为了3个部分，分别写成了插件形式方便调用：
1.屏蔽右键
2.右键出现版权提示信息（也可以是菜单）
3.灯箱效果（乍看有点陌生，但经常上视频网站的人肯定很熟悉，就是通常所说的开灯和关灯效果） [ 查看全文... ]

这是我从一个冷笑话网站（dui.lu）上看到的一个jQuery特效，觉得蛮有意思的，所以就发出来给大家“误乐误乐”。并且其中还使用到了CSS3的属性（transform:scaleX()：指定对象X轴的（水平方向）缩放）。

当你打开页面以后，你会发现有各种“蛋疼”+“神经质”的人物在屏幕上灰来灰去，此时把你拿鼠标点上去，那些“人物”就会改变运动轨迹和运动方向。 [ 查看全文... ]

不知你有没注意到我的网站首页，上面浮动着一层雪花的背景，并且随着鼠标的移动也在移动着。

本文主要讲述了如何判断鼠标的位置，从而实现图片跟随鼠标进行浮动。为了方便查看和理解，在Demo的左下角把各个参数都打印了出来。

CSS CODE:

<style type="text/css">
*{ margin:0; padding:0;}
body{ font-family:Arial; font-size:12px; background:url(bg.png) no-repeat; background-position:center center; background-attachment:fixed;}
input{ width:100px;}
span{ display:inline-block; width:120px;}
#window{ color:white; position:absolute; bottom:10px; left:10px;}
#coordinate{ color:white; position:absolute; bottom:35px; left:10px;}
#location{ color:white; position:absolute; bottom:60px; left:10px;}
#float_bg{ width:2496px; height:1060px; background:url(float_bg.png) no-repeat; position:fixed;}
</style>

[ 查看全文... ]

现在常常能看到一些网站（如：新浪微博和花瓣）导航条或工具栏固定在网页的顶部或其他地方。这样的布局方式，能便于用户点击和“曝光率”，不用每次都要把网页拖动到某个特定位置才能点击或看到。

其实这样的布局方式很早就有，只是没有那么个契机推广开吧。做起来也不复杂，只要设置一个小小的属性“position:fixed”便能完成，最关键的无不呼在于要兼容IE6而已。

首先我们来看HTML代码，是不是超简单？这里提供的只是一个简单的框架，实际应用的时候，只要把想要的元素添加东西就在这区域内加就行。

HTML CODE:

<div id="header">Default header. No absolute and fixed.</div>
<div id="topToolbar">Fixed at the top of the Toolbar.</div>
<div id="content">
	<p>此处省略1000字...</p>
</div>
<div id="bottomToolbar">Fixed at the bottom of the Toolbar. By Bluesdream.com</div>

[ 查看全文... ]

翻啊翻...又翻到个早已遗忘在角落的存货...
这个插件，是之前应间应同事需求而写的。功能也比较简单，主要是为了实现点击某个区域，弹出个浮动层，显示相关的介绍。

JAVASCRIPT CODE：

$(function(){
	$(".unfoldLayer").UblueFloatLayer({
		floatLayer:"floatLayer", //设置浮动层
		offsetMode:"center", //设置对齐方式 （默认值center 可选参数：Left、center）
		offsetTop:"6", //设置上间距（默认值0 可负值）
		offsetLeft:"0" //设置左间距（默认值0 可负值）
	});
});

[ 查看全文... ]

唠叨一下：
一直没时间去研究视差滚动的内容，乍看之下还觉得挺难、蛮麻烦的，不知道你有没有同感？我在度娘找了半天，也没找到什么有用的资料（起码我没找到，要么就是写的像天书一样，没精力去折腾）谷歌么自从X8大以来，一直处于悲剧状态。这两天正好空闲下来，就又去找了下相关的资料。不看不知道，一看吓一跳，顿时恍然大悟，原来那么简单。。。

什么是视差滚动？
视差滚动（Parallax Scrolling）视差滚动是一个二维动画制作过程，创建一个动画前景层的速度比背景层深度的幻觉。简单的说，就是让多个层面的东西(如果你有接触过PS或FLASH，应该很容易理解"层"这个概念)，以不同的速度移动，形成立体的运动效果。举个例子，当你坐在行驶中的汽车内，看着窗外近景的树木，再看远处的山或事物，你会发觉树移动的很快，而远处的事物却移动的很慢。视差滚动使用相同的原则来误导人们眼睛，以为他们所观察到的3D场景。具体描述，可以查看维基百科 Parallax scrolling [ 查看全文... ]