0℃
2012年02月14日
之前就一直打算自己亲自写个jquery的幻灯片效果，一直没时间，今天看了下网上介绍的幻灯片切换原理，打算自己尝试写一个，今天开始写最简单的原理性的一个demo，然后打算逐渐增加功能和效果，最终打算做成一个相对好用的插件。
今天写的是一个向上切换的效果，大概原理就是通过整体图片向上位移，主体框架固定，超出图片隐藏达到切换的动画效果。你可以直接看demo：
demo
你也可以直接查看代码并运行：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" conten...
jquery, slide, 切换, 幻灯片阅读全文
1℃
0℃
0℃
2011年06月14日
今天给大家提供一个昨天下午写的jquery插件:tab选项卡切换插件，在实际项目中，这是我们经常会用到的一个效果，以前写过纯javascript和jquery的tab选项卡切换效果，但是都不够优化，并且通用性不强，今天这个插件就弥补了这个问题，可以自己定义class样式名和鼠标事件，比如是点击tab还是鼠标滑过tab。效果如图所示：
默认属性：
tab_nav_class:"tab_tit",//头部显示列表，该插件只适用于其子节点为li标签,这是默认样式
tab_act_class:"tab_act",//鼠标活动状态样式,这是默认样式
tab_con_class:"tab_con",//显示...
jquery, tab, 插件, 选项卡阅读全文
0℃
1℃
2011年05月27日
首先解释一下这里的浮动布局列表，主要是用到了css中的float属性，比如：float:left，然而display:inline-block布局列表则没有使用float:left这样的属性。如图就是常规的列表效果：
现在就来分析他们的优劣。
1.float浮动布局
优点：代码简洁，兼容性非常好，兼容所有主流浏览器。一般使用方式就是li{float:left;display:inline;}，display:inline可以解决IE6下margin双倍边距的bug。
缺点：无法让列表容器自动适应高度，需指定li高度，否则列表就会显示错乱。如下图：
也贴出代码：
...
display, float, 布局, 浮动阅读全文
0℃
2011年05月24日
由于项目需要，今天写了个投票显示的效果，仿照的腾讯QQ校友录上面的投票效果，思路不难，虽然没像QQ校友里面的投票那样使用一些背景图片作为显示效果背景，而使用颜色代替，然而效果还算不错，至少也不难看了，呵呵！jquery代码也用不了几句就搞定了，比较简单，大致方法就是把后端取得的所占百分比入数组，然后分别取出根据简单的乘法计算出显示条的宽度，并且动画显示。
下面就贴出代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="tex...
jquery, 投票, 效果, 腾讯阅读全文
0℃
2011年05月10日
先贴出效果图：
该效果的大致思路就是当鼠标移动到li元素上面就在后面增加节点，这里用到了after在li后面插入节点对象，当鼠标移开li时，用remove删除节点。
代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jquery鼠标移动到对象弹出提示层效果</title>
<script type="text/javascript" src="http://www.25zy.com/jquery/jquery-1.5.1.min.js">&l...
jquery, 弹出层, 移动, 鼠标阅读全文
0℃
2011年03月14日
这个例子以前用原生态的js写过类似的弹出层效果：一个仿淘宝的运费地区选择弹出层js效果。这个例子是用jquery写的demo，主要的思路也和原生态的js基本类似，这个例子中时间延迟setInterval和清除时间clearInterval起了很大的作用，如果没在适当的地方设定延迟、清除时间延迟的话，神马的灵异事件都会出现在这个例子当中，呵呵，下面是代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title&...
jquery, offset, 弹出层阅读全文
0℃
2011年03月11日
很久没更新博客了，也就是我很久没学习了，今天有兴趣写了个非常简单的Jquery新闻滚动效果，弥补一下最近的懒惰。废话就不多说了，进入主题。
这个例子主要就是对一些Jquery内置函数的应用。比如：animate(),appendTo()和trigger()。
animate()：创建动画，方法通过使用 CSS 样式，把元素从一种状态改变为另一种状态，一般语法：animate(styles,speed,easing,callback)，注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left。
appendTo()：方法在被选元素的结尾（仍然在内部）...
Jquerys, 新闻阅读全文
