先截两个图看看: 效果很不错吧?会不会误以为这些字体是图片?这可不是图片,而是用JS实现的在线演示 http://demo.jb51.net/js/gradient-test/demo.htm下面来简单分享下实现过程及原理(网站中使用了jquery这个lib,我们这里就不再自己单独实现了,我们这里分享的也是jquery的实现方法): HTML代码: 代码如下:<span class="rainbows">© 2009 Dragon Interactive. All Rights Reserved.</span> 为了便于代码重用,我们通过class来...
程序说明 【ColorGrads颜色梯度】 程序ColorGrads的作用是通过StartColor和EndColor生成颜色梯度集合。 颜色都可以用红(r)、绿(g)、蓝(b)三个颜色来表示。 程序中先通过GetColor把一般的颜色表示形式转化成一个用红(r)、绿(g)、蓝(b)三个颜色值作元素的集合。 那就首先要知道有什么颜色表示形式,从w3c的Colors部分可以知道有以下形式: 关键词模式: em { color: red } RGB颜色模式: em { color: #f00 } em { color: #ff0000 } e...
使用该程序能实现很多常见的动画特效,包括大小变换、位置变换、渐显渐隐等等。 程序说明: 渐变效果的原理就是利用定时器不断设置值,如果要减速效果就设置一个步长(详细看JavaScript 弹簧效果) 。 这里只是把能渐变的属性(透明度、宽、高、left、top)整合在一起,使用相同的渐变级数(Step)使渐变同步,形成多个属性同时渐变的效果。 下面说说有用的地方: 【最终样式】 在JavaScript 图片切割效果的边宽获取中也说到了最终...
脚本之家 www.gxlcms.com (function($){ $.isPercent = function(p){ return /^(\d*)(\.?)(\d*)%$/.test(p); } var __alert__ = $.alert; $.alert = function(){ var arg,s=""; for(var i=0;arg = arguments[i];i++){ s += arg + "\n" } __alert__(s); } })(window); String.prototype.trim = function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } var JObj = {}; (function($){ /*------------------------------------...
下面是我从网上搜索下来的关于网页的背景色从上下到由蓝色到白色的渐变的代码,但其中的一些参数我不懂,我琢磨不透如果要由下至上的渐变效果到底是修改哪个参数,我试过修改gradientType的值,但没能实现从下到上的渐变效果,只有从左至右的。 希望各位能指点一下,先谢过大家!! <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="FILTER: progidXImageTransform.Microsoft.Gradient gradientType=...
无标题文档 .menu td{ font-size:12px; color:white; font-weight:bold; background-color:#336699; border:1px solid #336699; border:1px solid #336699; filter:blendtrans(duration=1); text-align:center;} function showfilter(obj){ var tds=obj.getElementsByTagName("td"); for(var i=0;i 1111111111111 2222222222222 3333333333333 4444444444444 5555555555555 6666666666666 77777777777777 888888888...
无标题文档 function mhEnter() { window.event.srcElement.filters[0].apply(); window.event.srcElement.className="sy2"; window.event.srcElement.filters[0].play(); } function mhLeave() { window.event.srcElement.filters[0].apply(); window.event.srcElement.className="sy1"; window.event.srcElement.filters[0].play(); } www.gxlcms.com [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
javascriptboy// Flash table Extension for Dreamwever ,by dio(diopex@sina.com) nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[objec...