使用该程序能实现很多常见的动画特效，包括大小变换、位置变换、渐显渐隐等等。程序说明：渐变效果的原理就是利用定时器不断设置值，如果要减速效果就设置一个步长（详细看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
[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"/><title>移动的盒子练习</title><styletype="text/css">*{padding:0;margin:0;}</style></head&...
http://www.jb51.net//article/15677.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="...
http://www.jb51.net//article/15676.htm
所以网页的效率绝对是最值得关注的方面。虽然我们在《如何提高网页的效率（上篇）——提高网页效率的14条准则》提到了如何提高网页效率的14条准则，但是如何知道我们现在的网页的效率到底如何？到底处于怎样一个级别？又有哪些方面做的不够好，需要改进呢？也许，你会说，问一下用户不就知道了吗？但是相比感性比例占据太大的用户感受而言，理性的工具和数据更具有说服力。本篇就将向你介绍一款评测网页效率的工具——YSlow（whyslow，这个名字起的太好了）。yslowYSlow是由Yahoo开发者团队发布的一款基于Firebug的插件。而Firebug又是一款基于FireFox的插件。所以说YSlow是一款基于F...
http://www.jb51.net//article/15673.htm
网站最基本的东西是什么？——内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！内容再丰富的网站，如果慢到无法访问也是毫无意义的；SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭；UE设计的再人性化的网站，如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢？SteveSouders(SteveSouders的资料http://www.oreillynet.com/pub/au/2951)提出的提高网页效率的14条准则，而这些准则也将是我们下篇中介绍到的YSlow工具的理论基础：MakeFewerHTTPRequestsUseaConte...
http://www.jb51.net//article/15672.htm