代码：[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
js高亮方法一：[code]<script>functionHighLight(nWord){if(nWord!=''){varkeyword=document.body.createTextRange();while(keyword.findText(nWord)){keyword.pasteHTML("<spanstyle='color:red;'>"+keyword.text+"</span>");keyword.moveStart('character',1);}}}functionhighword(nWord){vararray=nWord.spl...
http://www.jb51.net//article/15842.htm
比较不错的应用[html]<textareaid="content"name="content"cols="70"rows="5"style="width:450px;height:50px"class="text"onchange="CHECKCONTENT()"onClick="javascript:flush();"></textarea><scriptlanguage="javascript"type="text/javascript">function$(id){returndocument.getElementById(id);}varmsgal...
http://www.jb51.net//article/15785.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>div托动，打开，关闭效果</title>&l...
http://www.jb51.net//article/15740.htm
[html]<imgid="win"style='position:relative'src="http://www.jb51.net/upload/20080907101743898.jpg"><br/><br/><buttononclick="zd()">振动</button><script>functionzd(u){vara=['top','left'],b=0;u=setInterval(function(){document.getElementById('win').style[a[b%2]]=(b++)%4...
http://www.jb51.net//article/15729.htm
[html]<styletype="text/css">body{background:#333333;}#winpop{width:200px;height:0px;position:absolute;right:0;bottom:0;border:1pxsolid#999999;margin:0;padding:1px;overflow:hidden;display:none;background:#FFFFFF}#winpop.title{width:100%;height:20px;line-height:20px;background:#FFCC00;font-weigh...
http://www.jb51.net//article/15687.htm
[html]<!--引用时保留下原创作者喽,尊重任何一位原创作者,促进中国互联网进程Editor:weasleEmail:weasle@163.comQQ:112011531--><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>简洁Tab</title><styletype="text/css"><!--body,...
http://www.jb51.net//article/15685.htm