[html]<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> ...
http://www.jb51.net//article/15956.htm
[html]<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>js小鱼吐泡泡在页面游动</title></head><bodyonLoad="Start()"><scriptlanguage="JavaScript"><!--Image0=newImage();Image0.src="ht...
http://www.jb51.net//article/15914.htm
[html]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>仿3721首页模块拖曳移动效果[拖曳层移动层]呵，做了一些...
http://www.jb51.net//article/15913.htm
代码很简单，会继续完善。。。按住鼠标键不动，拖动鼠标，会看到效果[html]<html> <head></head> <style> body{padding:100px;} .fileDiv{float:left;width:100px;height:100px;tex...
http://www.jb51.net//article/15912.htm
[html]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title><scripttype="text/javascript">varoEventUtil=newObje...
http://www.jb51.net//article/15889.htm
基本的鼠标互动：拖拽(draganddropping)、排序(sorting)、选择(selecting)、缩放(resizing)各种互动效果：手风琴式的折叠菜单(accordions)、日历(datepickers)、对话框(dialogs)、滑动条(sliders)、表格排序(tablesorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow)第一部分：鼠标交互1.1Draggables:拖拽所需文件：ui.mouse.jsui.draggable.jsui.draggable.ext.js用法：文件载入后，可以拖拽class="block"的层$(d...
http://www.jb51.net//article/15863.htm
代码：[html]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>js滑移效果</title><sc...
http://www.jb51.net//article/15850.htm
虽然说的是弹簧效果，但实际上要实现的是定点坐标之间的加速和减速移动。点到点的移动应该都知道怎么做，这里是通过设置滑动对象的left来实现的。而减速效果，一般的做法是通过用目标值减当前值除以一个系数(一般为正整数)，得到一个步长。然后当前值加上这个步长作为新的当前值，然后反复取值直到当前值等于目标值。由于这样得到的步长是越来越小的，而步长就是移动的值，所以就做成减速效果。那如何做加速效果呢？由于取不到能对应减速步长的加速的步长（或者有方法我想不到），所以我想了个方法，一开始先把所有减速的步长算出来，放到一个数组中，作为减速时的步长，那加速的步长就是这个数组的反转了(即倒过来)。这个部分主要在Se...
http://www.jb51.net//article/15849.htm
前些日子突然想做一个透镜效果，就突然想到了这个效果，于是找出当年“珍藏”的代码决定一尝所愿。前言：这个程序主要分三部分：层的拖放、层的缩放、图片切割（包括预览）。其中层的拖放是很常见的效果，层的缩放有点难度，图片切割看着炫其实原理也很简单。不过在实现的过程中也学习到很多以前不知道的东西，下面都会说明，希望大家从中也能学到东西。原理：【拖放程序】基本原理很简单，不知道的看代码就明白，其中参考了越兔和BlueDestiny的相关文章。下面说一下比较有用的地方：【范围限制】首先当然是有拖放范围参数，分别是mxLeft（左边的left最小值）、mxRight（右边的left最大值）、mxTop（上边的...
http://www.jb51.net//article/15848.htm
首先需要一个容器，设置它的overflow为hidden，position为relative；容器里面还要一个滑动对象，设置它的position为absolute；在initialize()函数里初始化一些属性。在切换之前先执行Start()函数，进行相关设置，主要是设置Index属性(索引)和_target属性(目标值)：[code]if(this.Index<0){this.Index=this._count-1;}elseif(this.Index>=this._count){this.Index=0;}this._target=-1*this._parameter*this...
http://www.jb51.net//article/15847.htm
使用该程序能实现很多常见的动画特效，包括大小变换、位置变换、渐显渐隐等等。程序说明：渐变效果的原理就是利用定时器不断设置值，如果要减速效果就设置一个步长（详细看JavaScript弹簧效果）。这里只是把能渐变的属性（透明度、宽、高、left、top）整合在一起，使用相同的渐变级数（Step）使渐变同步，形成多个属性同时渐变的效果。下面说说有用的地方：【最终样式】在JavaScript图片切割效果的边宽获取中也说到了最终样式，在使用offset获取的数据设置宽度高度的时候，必须先减去最终样式中的边框宽度。在这里我使用了muxrwc的在FF下实现currentStyle方法，这样在ff和ie都可以...
http://www.jb51.net//article/15844.htm