练习写个焦点图切换插件easyChange
插件很简单，使用也很简单，但是这个插件行为和结构以及表现都是分离的，也就是说如果你不会写结构那你用不了，因为分离所以显示上完全由你自己做主，这样自由度就大了很多，此插件适用于焦点图和tab切换，但是目前还没有添加是否自动切换的功能，默认是自动切换。由于自己js水平有限所以插件会有许多需要改进的地方，所以请大家多多包涵。
下面给个例子：
[runcode height="245"]
www.xh-css.cn
* {
padding:0;
margin:0;
}
body {
font-size:14px;
}[......]
发表于 jquery | 标签: 练习写个焦点图切换插件easyChange | 暂无评论
点击平滑滚动到顶部效果
今天写的这个效果网上用的很多，比如微博页面比较高，这样如果没有返回首页的话用户体验就不好了，返回首页的效果最早是使用锚点来实现的，但是锚点的效果比较生硬，所以大都使用js来实现比较平滑的滚动效果。
我说下这个效果都有那些效果：
一、当页面滚动条距离顶部的高度为0的时候隐藏返回首页模块，反之淡入返回模块。
二、点击返回头部模块平滑滚动到顶部。
目前测试基本兼容目前的主浏览，好了下面是代码事例：
[runcode height="245"]
* { padding:0; margin:0; }
h[......]
练习写了个360度图片旋转展示效果
多余的话就不说了直接上例子！
[runcode height="245"]
* { padding:0; margin:0; }
#pic360 { margin:20px; border:5px solid #ccc; overflow:hidden; border-radius:6px; }
#pic360 img { }
$(function(){
//声明一坨变量
var imgWidth=$(“#pic360″).find(“img:first”).outerWidth([......]
发表于 jquery | 标签: 360度图片旋转展示效果 | 暂无评论
《SCSS & Compass》-转
Sass & Compass / W3CTech Shanghai
View more presentations from Liang-Bin Hsueh
发表于 css | 标签: sass, SCSS & Compass | 暂无评论
简单写了一个类似微博搜索框的提示效果
基本上就是文字输入时候可以出现提示效果，最鼠标右键的粘帖做了兼容，基本的功能就这些。好了不多说了直接上例子：
(注：经测试发现ie678可以ie9却不行在删除的时候无法触发，网上查下说有ie9这个问题)
[runcode height="245"]
简单的模拟类似新浪微博搜索框的效果
* { padding:0; margin:0;}
body { font-size:14px; }
#box { width:600px; margin:40px auto;}
#in { widt[......]
发表于 jquery | 标签: 简单写了一个类似微博搜索框的提示效果 | 暂无评论
事件绑定练习写的对联广告效果
由于js自己写不了运动库所以就借助了jquery的animate，主要是用到了事件绑定，以及处理了下ie下火狐浏览器的兼容性，ie使用的attachEvent而火狐则是addEventListener,详细的就不在多说，可以看代码：
<script type=”text/javascript”>
$(function(){
var oh=document.getElementById(“tool”).offsetTop;
var otool=document.getElementById(“tool”)[......]
发表于 jquery | 标签: 事件绑定练习写的对联广告效果 | 暂无评论
50个必备的实用jQuery代码段-转
本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。
其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的
函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以
做得更好的地方的话，欢迎把你的版本粘贴在评论中!
1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：
$.ajaxSetup({ ajaxSettings:{
contentType:”application/x-www-form-urlencoded;c[......]
input file的如何设置宽高在各个浏览器兼容
今天上新浪微博点击上传单张图片的时候发现在火狐下鼠标的收拾变成了text，当即就想到看来新浪没有在火狐下调兼容问题,处于好奇当下就按下了F12，结果和预想的一样，果然是没有给file表单设置size属性。我用的新浪微博的是新版的，对他们的粗心表示有点失望。到的团队应该考虑的比较周到的，当下就打开了腾讯微博，腾讯做的比较好设置了size属性，鼠标手势是pointer。从这一点点的可以看出团队的作风和对细节的追求。
从上图可以看出当给file设置了宽度为100px高度为30px的时候各个浏览器下显示效果，只有ie和opera比较靠谱，火狐和chrome[......]
发表于 css | 标签: input file的如何设置宽高在各个浏览器兼容 | 暂无评论
练习写的随机的标签云
最近在看原生的js知识，看到网上有这样的标签云，就试着写了一个，主要是用到随机函数，好了多余的也不多说了，贴出代码就一目了然了。
<script type=”text/javascript”>
window.onload=function(){
var obox=document.getElementById(“wrap”);
var obj=obox.getElementsByTagName(“a”);
//随机方法
function rand(num){[......]