打印

JS图片效果,集合!

hx7248292 [楼主]

鼎视视觉

中级会员

帖子: 229
体力: 357
威望: 1
当前: 福建厦门

专长 前端制作,JS,ASP

1^# 大中小发表于 2007-8-31 16:07

这两天在做做JS图片幻灯片效果:
如下:
http://bbs.blueidea.com/thread-2786278-1-1.html

整理了些图片效果,拿出来跟大家分享下,也不知道没有有人发过类似的贴子,如有重复,纯属巧合!

一个不错的图片效果:

提示：您可以先修改部分代码再运行

一个不错的幻灯片效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 图片播放器 </TITLE>
<metahttp-equiv="pragma"content="no-cache"> 
<metahttp-equiv="cache-control"content="no-cache,must-revalidate"> 
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt"> 
<style>
body{font-size:12px;margin:0px;height:100%;}
#rotatorPlayer{text-align:center;width:100%}
#seconddiv{position:absolute;z-index:1;top:0;left:702;text-align:left;border:1px #333333 solid;height:100%;padding:6px}
img{border:0px}
#menu{position:absolute;z-index:1;top:40;left:710;width:200px;text-align:left}
#second{width:116px;height:20px;border:1px #000000 solid}
#button{width:60px;height:20px;border:1px #000000 solid;cursor:hand}
</style>
</HEAD>
<BODY scroll=no>
<div id=seconddiv><select name="second" id=second>
<option value=1>1 秒</option>
<option value=2>2 秒</option>
<option value=3>3 秒</option>
<option value=4>4 秒</option>
<option value=5>5 秒</option>
<option value=6>6 秒</option>
<option value=7>7 秒</option>
<option value=8>8 秒</option>
<option value=9>9 秒</option>
<option value=10>10 秒</option>
<option value=15>15 秒</option>
<option value=20>20 秒</option>
<option value=30>30 秒</option>
<option value=40>40 秒</option>
<option value=50>50 秒</option>
<option value=60>60 秒</option>
<option value=100>100 秒</option>
<option value=200>200 秒</option>
<option value=500>500 秒</option>
</select>&nbsp;&nbsp;<button id=button onclick="adRotator.set(getRef('second').value)">播放</button></div>
<div style="width:700;height:100%">
<div id=AdRotator></div>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</BODY>
</HTML>

提示：您可以先修改部分代码再运行

北京奥运网站的图片轮转效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML lang=zh-CN xml:lang="zh-CN" 
xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>第29届奥林匹克运动会网站</TITLE>
<script>
if(typeof sas=="undefined")var sas=new Object();
if(typeof sas.ued=="undefined")sas.ued=new Object();
if(typeof sas.ued.util=="undefined")sas.ued.util=new Object();
if(typeof sas.ued.FlashObjectUtil=="undefined")sas.ued.FlashObjectUtil=new Object();
sas.ued.FlashObject=function(swf,id,w,h,ver,c,useExpressInstall,quality,xiRedirectUrl,redirectUrl,detectKey)
{
if(!document.createElement||!document.getElementById)return;this.DETECT_KEY=detectKey?detectKey:'detectflash';
this.skipDetect=sas.ued.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();this.variables=new Object();
this.attributes=new Array();this.useExpressInstall=useExpressInstall;
if(swf)this.setAttribute('swf',swf);
if(id)this.setAttribute('id',id);
if(w)this.setAttribute('width',w);
if(h)this.setAttribute('height',h);
if(ver)this.setAttribute('version',new sas.ued.PlayerVersion(ver.toString().split(".")));
this.installedVer=sas.ued.FlashObjectUtil.getPlayerVersion(this.getAttribute('version'),useExpressInstall);
if(c)this.addParam('bgcolor',c);
var q=quality?quality:'high';
this.addParam('quality',q);
var xir=(xiRedirectUrl)?xiRedirectUrl:window.location;this.setAttribute('xiRedirectUrl',xir);
this.setAttribute('redirectUrl','');
if(redirectUrl)this.setAttribute('redirectUrl',redirectUrl)};
sas.ued.FlashObject.prototype={setAttribute:function(name,value){this.attributes[name]=value},getAttribute:function(name){return this.attributes[name]},addParam:function(name,value){this.params[name]=value},getParams:function(){return this.params},addVariable:function(name,value){this.variables[name]=value},getVariable:function(name){return this.variables[name]},getVariables:function(){return this.variables},createParamTag:function(n,v){var p=document.createElement('param');p.setAttribute('name',n);p.setAttribute('value',v);return p},getVariablePairs:function(){var variablePairs=new Array();var key;var variables=this.getVariables();for(key in variables){variablePairs.push(key+"="+variables[key])}return variablePairs},getFlashHTML:function(){var flashNode="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","PlugIn");flashNode='<embed type="application/x-shockwave-flash" src="'+this.getAttribute('swf')+'" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'"';flashNode+=' id="'+this.getAttribute('id')+'" name="'+this.getAttribute('id')+'" ';var params=this.getParams();for(var key in params){flashNode+=[key]+'="'+params[key]+'" '}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='flashvars="'+pairs+'"'}flashNode+='/>'}else{if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","ActiveX");flashNode='<object id="'+this.getAttribute('id')+'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'">';flashNode+='<param name="movie" value="'+this.getAttribute('swf')+'" />';var params=this.getParams();for(var key in params){flashNode+='<param name="'+key+'" value="'+params[key]+'" />'}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='<param name="flashvars" value="'+pairs+'" />'}flashNode+="</object>"}return flashNode},write:function(elementId){if(this.useExpressInstall){var expressInstallReqVer=new sas.ued.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(expressInstallReqVer)&&!this.installedVer.versionIsValid(this.getAttribute('version'))){this.setAttribute('doExpressInstall',true);this.addVariable("MMredirectURL",escape(this.getAttribute('xiRedirectUrl')));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title)}}else{this.setAttribute('doExpressInstall',false)}if(this.skipDetect||this.getAttribute('doExpressInstall')||this.installedVer.versionIsValid(this.getAttribute('version'))){var n=(typeof elementId=='string')?document.getElementById(elementId):elementId;n.innerHTML=this.getFlashHTML()}else{if(this.getAttribute('redirectUrl')!=""){document.location.replace(this.getAttribute('redirectUrl'))}}}};sas.ued.FlashObjectUtil.getPlayerVersion=function(reqVer,xiInstall){var PlayerVersion=new sas.ued.PlayerVersion(0,0,0);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){PlayerVersion=new sas.ued.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."))}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");for(var i=3;axo!=null;i++){axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);PlayerVersion=new sas.ued.PlayerVersion([i,0,0])}}catch(e){}if(reqVer&&PlayerVersion.major>reqVer.major)return PlayerVersion;if(!reqVer||((reqVer.minor!=0||reqVer.rev!=0)&&PlayerVersion.major==reqVer.major)||PlayerVersion.major!=6||xiInstall){try{PlayerVersion=new sas.ued.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","))}catch(e){}}}return PlayerVersion};sas.ued.PlayerVersion=function(arrVersion){this.major=parseInt(arrVersion[0])||0;this.minor=parseInt(arrVersion[1])||0;this.rev=parseInt(arrVersion[2])||0};sas.ued.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major)return false;if(this.major>fv.major)return true;if(this.minor<fv.minor)return false;if(this.minor>fv.minor)return true;if(this.rev<fv.rev)return false;return true};sas.ued.util={getRequestParameter:function(param){var q=document.location.search||document.location.href.hash;if(q){var startIndex=q.indexOf(param+"=");var endIndex=(q.indexOf("&",startIndex)>-1)?q.indexOf("&",startIndex):q.length;if(q.length>1&&startIndex>-1){return q.substring(q.indexOf("=",startIndex)+1,endIndex)}}return""}};if(Array.prototype.push==null){Array.prototype.push=function(item){this[this.length]=item;return this.length}}var getQueryParamValue=sas.ued.util.getRequestParameter;var sohuFlash=sas.ued.FlashObject;
function Cookie(document,name,hours,path,domain,secure){this.$document=document;this.$name=name;this.$expiration=hours?new Date((new Date()).getTime()+hours*3600000):null;this.$path=path?path:null;this.$domain=domain?domain:null;this.$secure=secure;};Cookie.prototype.store=function (){var cookieval="";for(var prop in this){if((prop.charAt(0)=='$')||((typeof this[prop])=='function')) continue;if(cookieval!="") cookieval+='&';cookieval+=prop+':'+escape(this[prop]);}var cookie=this.$name+'='+cookieval;if(this.$expiration)cookie+='; expires='+this.$expiration.toGMTString();if(this.$path) cookie+='; path='+this.$path;if(this.$domain) cookie+='; domain='+this.$domain;if(this.$secure) cookie+='; secure';this.$document.cookie=cookie;};Cookie.prototype.load=function(){var allcookies=this.$document.cookie;if(allcookies=="") return false;var start=allcookies.indexOf(this.$name+'=');if(start==-1) return false;start+=this.$name.length+1;var end=allcookies.indexOf(';',start);if(end==-1) end=allcookies.length;var cookieval=allcookies.substring(start,end);var a=cookieval.split('&');for(var i=0; i<a.length; i++) a[i]=a[i].split(':');for(var i=0; i<a.length; i++) this[a[i][0]]=unescape(a[i][1]);return true;};Cookie.prototype.remove = function(){var cookie;cookie = this.$name + '=';if (this.$path) cookie += '; path=' + this.$path;if (this.$domain) cookie += '; domain=' + this.$domain;cookie += '; expires=Fri, 02-Jan-1970 00:00:00 GMT';this.$document.cookie = cookie;};
</script>
<BODY>
<DIV class=focusFlash>
<DIV id=sasFlashFocus27></DIV>
<SCRIPT type=text/javascript>
//<![CDATA[
txt="<a image='http://images.beijing2008.cn/20070801/Img214118175.jpg' info='官网专访维尔布鲁根：我们对北京的高度肯定是有事实依据的' url='http://www.beijing2008.cn/1year/talks/s214117468/s214117473/' /><a image='http://images.beijing2008.cn/20070728/Img214115977.jpg' info='顺义奥林匹克水上公园交付使用 将举办世界赛艇青年锦标赛' url='http://www.beijing2008.cn/cptvenues/venues/src/headlines/shunyi/' /><a image='http://images.beijing2008.cn/20070728/Img214115951.jpg' info='北京射击馆正式验收交付 奥运首金有望在此诞生' url='http://www.beijing2008.cn/cptvenues/venues/bsh/headlines/bsh/' /><a image='http://images.beijing2008.cn/20070801/Img214118234.jpg' info='北京奥运会专用邮编102008启用 奥运邮件更安全快捷顺畅' url='http://www.beijing2008.cn/bocog/bocognews/headlines/n214118181.shtml' />"
var sohuFlash2 = new sohuFlash("http://images.beijing2008.cn/demo.swf", "27", 520, 205, "7");
sohuFlash2.addParam("quality", "high");
sohuFlash2.addParam("wmode", "opaque");
sohuFlash2.addVariable("txt",txt);
sohuFlash2.write("sasFlashFocus27");
//]]>
 </SCRIPT>
</DIV>
</BODY>
</HTML>

提示：您可以先修改部分代码再运行

鼎视视觉：www.xmarea.com

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

hx7248292 [楼主]

鼎视视觉

中级会员

帖子: 229
体力: 357
威望: 1
当前: 福建厦门

专长 前端制作,JS,ASP

2^# 大中小发表于 2007-8-31 16:09

JS图片效果,集合!

一个图大放大效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript" >
function hideLayer()
{	
	var layer = document.getElementById("popImageLayer");
	layer.style.visibility='hidden';
}
function dispear(){
	var layer = document.getElementById("popImageLayer");
	if ((layer.style.width>0)&& (layer.style.height>0)){
		layer.style.width-=1;
		layer.style.height-=1;
	}
	else {
		layer.style.visibility='hidden';
		if (window.interval)
		clearInterval(interval);
	}
}
function popImage(obj,img,href) 
{ 
	var layer = document.getElementById("popImageLayer");
	var t=obj.offsetTop;
	var l=obj.offsetLeft;
	while(obj=obj.offsetParent){
		t+=obj.offsetTop;
		l+=obj.offsetLeft;
	}
	var content = "<table border=0 width=180 height=180><tr><td align='center' valign='middle'>\n"+
	"<A href="+href+" target=_blank><IMG src='"+img+"' onload='DrawImage(this,180,180);'  onMouseOut='low(this);hideLayer();' onMouseOver=high(this) style='FILTER: alpha(opacity=10)'></A></td></tr></table>"; // onClick='hideLayer();'
			layer.innerHTML=content;
			layer.style.left =l + 35 -90;
			layer.style.top = t+35-90;
			layer.style.visibility='visible';
} 
function moveToMouseLoc(e) 
{ 
	var layer = document.getElementById("popImageLayer");
	var offsetX = -5; 
	var offsetY = -5;
	var	 x = event.x + document.body.scrollLeft;
	var	 y = event.y + document.body.scrollTop; 
	layer.style.left = x + offsetX;
	layer.style.top = y + offsetY;
	return true; 
} 
function DrawImage(img,width,height){ 
	if(DrawImage.arguments.length <= 1) 
		width=height=70;
	var image=new Image(); 
	image.src=img.src; 
	if(image.width>0 && image.height>0)
	{
	  if(image.width>width)
	  {
	  	rate=image.height/image.width;
	  	newHeight=rate*width;
	  	img.width=width;
	  	img.height=newHeight;
	  } 
	}
	if(img.height>height)
	{
		rate=image.width/image.height;
		newWidth=rate*height;
		img.height=height;
		img.width=newWidth;
	}
}
function DrawImage50(img){ 
	DrawImage(img,50,50);
}
function resetForm(){
	var f=document.frmsearch;
   f.Page.value = 1;
   f.ClassCode.value ='' ;
   f.SortType.value ='' ;		
   f.KeyWord.value='';
   f.Area.value='';
   f.MinPrice.value=f.MaxPrice.value='';
	return false;		
}		
function manualSearch(){
	var f=document.frmsearch;
   f.Page.value = 1;
  // f.ClassCode.value ='' ;
   f.SortType.value ='' ;		
   f.submit();
	return false;		
}
function checkCondition(obj) {
	return true;
}
function selectview(obj)
{
   var f=document.frmsearch;
   if ((obj.selectedIndex>0) && (obj.selectedIndex <7))
   		f.SortType.value = obj.options[obj.selectedIndex].value;
	else if ((obj.selectedIndex>6) && (obj.selectedIndex <10))
   		f.View.value = obj.options[obj.selectedIndex].value;
	else if ((obj.selectedIndex>9) && (obj.selectedIndex <13))
   		f.PageSize.value = obj.options[obj.selectedIndex].value;
   f.submit();
	return false;		
}
function changeLocation(obj){
	var f=document.frmsearch;
   f.Area.value = obj.options[obj.selectedIndex].value;
   f.submit();
	return false;		
}
function changeViewMode(mode){
	var f=document.frmsearch;
   f.View.value = mode;
   f.submit();
	return false;
}
function changePage(page){
	var f=document.frmsearch;
   f.Page.value = page;
   f.submit();
	return false;
}
function changePageSize(pagesize){
	var f=document.frmsearch;
   f.Page.value = 1;
   f.PageSize.value = pagesize;		
   f.submit();
	return false;
}
function changeSortType(type){
	var f=document.frmsearch;
   f.Page.value = 1;		
   f.SortType.value = type;
   f.submit();
	return false;
}
function changeClassCode(code){
	var f=document.frmsearch;
   f.ClassCode.value = code;
   f.Page.value=1;
   f.submit();
	return false;
}
function high(which2){
	theobject=which2;
	highlighting=setInterval("highlightit(theobject)",40);
}
function low(which2){
	clearInterval(highlighting);
	which2.filters.alpha.opacity=40;
}
function highlightit(cur2){
	if (cur2.filters.alpha.opacity<100)
		cur2.filters.alpha.opacity+=5
	else if (window.highlighting)
		clearInterval(highlighting)
}
function delightit(cur2){
	if (cur2.filters.alpha.opacity>5)
		cur2.filters.alpha.opacity-=5;
	else if (window.highlighting)
			clearInterval(highlighting);
}
</script>
<div id="popImageLayer" align="center"  name="popImageLayer"  style="position:absolute; visibility: hidden; width: 180; height: 180;cursor: hand;border-style:solid;border-width:1pt; border-color:orange" calss=""></div>
<center>
<br /><br /><br />
<div id="090" ><img src="http://admin.mall.dangdang.com/GoodsImage/S000000460/Small/200608090909231.png" onMouseOver="popImage(this,'http://admin.mall.dangdang.com/GoodsImage/S000000460/Middle/200608090909231.png','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0>hkjhgkhk</div></a>
</center>
</body>
</html>

提示：您可以先修改部分代码再运行

图片互换效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">

</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
		<div id="ad_pic">
<div id="f_div">
	
	<div id="f_imgDiv"></div>
	<div id="f_infoDiv">		
		
		<div id="f_buttonDiv"></div>
	</div>	
</div>
<table width="150" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
<tr>  
<td align="center" bgcolor="#EFEFEF">

<div id="f_text" class="f12b"></div>
<script language="javascript" type="text/javascript">

</script>
</td>
</tr>
</table>
		  </div>
		
</body>
</html>

提示：您可以先修改部分代码再运行

点击出现图片大图效果

提示：您可以先修改部分代码再运行

[ 本帖最后由 hx7248292 于 2007-8-31 16:11 编辑 ]

鼎视视觉：www.xmarea.com

TOP

美橙vps独立IP月付189元

wdm1984

小猫钓鱼

中级会员

帖子: 278
体力: 235
威望: 0
当前: 海南海口
离线: 278 天

3^# 大中小发表于 2007-8-31 16:12

看起来比较爽

TOP

请大家尊重和保护奥运知识产权。

hx7248292 [楼主]

鼎视视觉

中级会员

帖子: 229
体力: 357
威望: 1
当前: 福建厦门

专长 前端制作,JS,ASP

4^# 大中小发表于 2007-8-31 16:14

实现放鼠标上去图片慢慢变大 --这个代码我个人比较喜欢

<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Test page</title>
<meta name="Author" content="mozart0" />
<style type="text/css">
/*<![CDATA[*/
body{padding-top:100px;text-align:center;background-color:black}
img{border:1px solid gold;margin:5px 5px 0 0}
/*]]>*/
</style>
<script language="javascript" type="text/javascript" src="http://mozart0.uni.cc/zoom.js"></script>
</head>
<body>
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2007/05/1457/preview_s01.jpg" />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2007/01/1412/preview_s01.jpg" />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2007/01/1403/preview_s01.jpg" />
<br />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2006/12/1397/preview_s01.jpg" />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2006/11/1382/preview_s01.jpg" />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2006/10/1373/preview_s01.jpg" />
<br />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2006/09/1351/preview_s01.jpg" />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2006/07/1319/preview_s01.jpg" />
<img rel="zoom#2.5" src="http://pages.blueidea.com/articleimg/2006/07/1308/preview_s01.jpg" />
</body>
</html>

提示：您可以先修改部分代码再运行

一种鼠标触发的图片效果

<SCRIPT language=JavaScript>

</SCRIPT>
<center>
<table width="300" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="7285CF">
        <tr bgcolor="#FFFFFF" align="center"> 
          <td><a href="/dreamweaver/index.asp"><img src="http://www.1studio.net/html/example/image/index_dreamweaver.gif" width="60" height="60" border="0" alt="Dreamweaver 资源 "onmouseout="nereidFade(this,60,10,5)" onmouseover="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)"></a></td>
          <td><a href="/fireworks/index.asp"><img src="http://www.1studio.net/html/example/image/index_fireworks.gif" width="60" height="60" border="0" alt="Fireworks 资源" onmouseout="nereidFade(this,60,10,5)" onmouseover="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)"></a></td>
          <td><a href="/flash/index.asp"><img src="http://www.1studio.net/html/example/image/index_flash.gif" width="60" height="60" border="0" alt="Flash 资源" onmouseout="nereidFade(this,60,10,5)" onmouseover="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)"></a></td>
          <td><a href="/photoshop/index.asp"><img src="http://www.1studio.net/html/example/image/index_photoshop.gif" width="60" height="60" border="0" alt="Photoshop 资源" onmouseout="nereidFade(this,60,10,5)" onmouseover="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)"></a></td>
        </tr>
      </table>

提示：您可以先修改部分代码再运行

一个图片占击效果

提示：您可以先修改部分代码再运行

鼎视视觉：www.xmarea.com

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

liu533

高级会员

帖子: 225
体力: 666
威望: 0
当前: 新疆乌鲁木齐
离线: 10 天

5^# 大中小发表于 2007-8-31 16:18

好东西！效果都很不错！

TOP

sun387

灵魂也飞跃

高级会员

帖子: 353
体力: 573
威望: 0
当前: 广东广州
离线: 2 天

6^# 大中小发表于 2007-8-31 16:36

好东西啊1！！

闲逛的便衣

TOP

lijianhai2001

初级会员

帖子: 68
体力: 141
威望: 0
当前: 北京朝阳区
离线: 112 天

7^# 大中小发表于 2007-8-31 16:46

收下，好东西

TOP

FBI007FK

初级会员

帖子: 75
体力: 132
威望: 0
当前: 上海徐汇

8^# 大中小发表于 2007-8-31 17:22

很不错的效果，收藏下

TOP

luzhuqin

中级会员

帖子: 142
体力: 223
威望: 0
当前: 浙江杭州
离线: 143 天

9^# 大中小发表于 2007-8-31 17:35

哇！效果太棒了！谢谢楼主。我霸占了。哈哈

http://www.shop34313562.taobao.com

TOP

comasp

高级会员

帖子: 390
体力: 701
威望: 0

专长 JS,JSP,UE

10^# 大中小发表于 2007-8-31 18:41

好东西。收了。。。

不回帖好了,应该没有广告帖了吧。cssrain.cn

TOP

coffeekor

中级会员

帖子: 158
体力: 242
威望: 0
离线: 25 天

11^# 大中小发表于 2007-8-31 18:48

确实好东西，楼主厚道。
已收藏，谢拉

TOP

coinyang

初级会员

帖子: 37
体力: 79
威望: 0
离线: 378 天

12^# 大中小发表于 2007-9-1 00:20

有几个兼容性好的收下了

TOP

winhero_charles

幽谷鸟

银牌会员

帖子: 881
体力: 1820
威望: 2
当前: 广东东莞
离线: 16 天

13^# 大中小发表于 2007-9-1 09:02

LZ打个包吧

疯狂学Javascript,请多指教

TOP

hx7248292 [楼主]

鼎视视觉

中级会员

帖子: 229
体力: 357
威望: 1
当前: 福建厦门

专长 前端制作,JS,ASP

14^# 大中小发表于 2007-9-3 09:28

还要打包啊,打包看不到直接效果,还是这样好,喜欢哪个存哪个!

鼎视视觉：www.xmarea.com

TOP

webdesigning

风无双

金牌会员

帖子: 1965
体力: 3649
威望: 1
当前: 上海浦东

15^# 大中小发表于 2007-9-3 09:46

第一个效果不错，其它的一般，并且IE7下有错误...

楼主辛苦了...

www.5study.net www.websdeveloper.cn

TOP

xixixihahaha

新手上路

帖子: 26
体力: 47
威望: 0
离线: 11 天

16^# 大中小发表于 2007-9-3 09:58

走过路过

听说看帖回帖是一种美德^^^

TOP

zxfly

银牌会员

帖子: 878
体力: 1034
威望: 0
当前: 福建厦门
离线: 27 天

专长 网页设计,UI

17^# 大中小发表于 2007-9-3 16:16

图片切换效果那个firefox下面图片没有渐变的效果,ie6也看不出，难道是绿色版的问题？……

[ 本帖最后由 zxfly 于 2007-9-3 16:19 编辑 ]

TOP

winhero_charles

幽谷鸟

银牌会员

帖子: 881
体力: 1820
威望: 2
当前: 广东东莞
离线: 16 天

18^# 大中小发表于 2007-9-4 08:20

顶!!!!

疯狂学Javascript,请多指教

TOP

songanly

初级会员

帖子: 44
体力: 102
威望: 0
离线: 287 天

19^# 大中小发表于 2007-9-4 09:21

经典!!!!

TOP

zhaojing653

新手上路

帖子: 14
体力: 36
威望: 0
离线: 253 天

20^# 大中小发表于 2007-9-4 09:57

谢谢楼主了

TOP

pizihuli

初级会员

帖子: 3
体力: 59
威望: 0
离线: 12 天

专长 网页设计

21^# 大中小发表于 2007-9-4 10:11

谢谢楼主

TOP

yobin

新手上路

帖子: 20
体力: 43
威望: 0
当前: 浙江杭州

22^# 大中小发表于 2007-9-4 10:18

真的不错哦，支持下

TOP

zhaojing653

新手上路

帖子: 14
体力: 36
威望: 0
离线: 253 天