高分求助！！！

xueyifengok 2010-07-01 09:38:45
http://www.aliexpress.com/ 左边的分类导航效果是怎么实现的？
...全文
188 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
qiqishardgel 2010-07-02
  • 打赏
  • 举报
 回复
js、css或jquery
lester19872007 2010-07-02
  • 打赏
  • 举报
 回复
上面的代码你可以在源文件里面看到！
lester19872007 2010-07-02
  • 打赏
  • 举报
 回复 


</div><!--hz-wssearch-web3 -->

<!-- ws_search_list_category_feature_words -->

	<script language="javascript">

		function alitalkEncryptForWholesaleToSeller(enemberId, from, id1, id2){

	var binstalled=checkInstallEnaliint();

	var isIE = checkIEorFirefox();

	var para = "";

	var selfpara = "";

	var nextUrl="";

	var win;

	var id=id1;



	if (isIE==true) {



		if(binstalled !="-1") {

			//--------local has installed

			   var referUrl = document.URL;

			   var timestamp= new Date();

		       if (OnLine==2){

		     	 //------never logged, so feedbackmessage

           

		    	para = "url2=https://dmtracking2.alibaba.com/feedbackfromalitalk.html?from="+from+"#id="+id+"#refer="+referUrl.replace(/&/ig,"$")+"#time="+timestamp.getTime();

			selfpara = "https://dmtracking2.alibaba.com/feedbackfromalitalk.html?type=client&STEP=CLICK&from="+from+"&id="+id+"&refer="+referUrl.replace(/&/ig,"$")+"&time="+timestamp.getTime();

			logger(selfpara);

				win=open(getFeedBackMessage(from,'0',id1,id2), 'feedBack');

        win.focus();

			    }else{

					   //------was logged

					para = "&url2=https://dmtracking2.alibaba.com/feedbackfromalitalk.html?from="+from+"#id="+id+"#refer="+referUrl.replace(/&/ig,"$")+"#time="+timestamp.getTime();

					selfpara = "https://dmtracking2.alibaba.com/feedbackfromalitalk.html?type=client&STEP=CLICK&from="+from+"&id="+id+"&refer="+referUrl.replace(/&/ig,"$")+"&time="+timestamp.getTime();

					logger(selfpara);



					sendMessage(enemberId,para);

		        }



		}else{

		   if (OnLine==1){

		   	   //------receiver is online,so webATM-----------------

		       win=open(getWebAtmUrl(from,enemberId,id1),Math.round(Math.random()*24*100) ,'width=785,height=600,location=no,toolbar=no,status=no,resizable=yes,scrollbars=no');

		   	   win.focus();

		     }else{

		        //--------receiver is NOT online, so feedbackmessage-----------

		        win=open(getFeedBackMessage(from,'0',id1,id2), 'feedBack');

                        win.focus();





	      	}

		}

     } else {

      		doOpenWebIM( from,enemberId,id1 );

     }

}



function getFeedBackMessage(from, toMemberType, id1, id2)

{

	var feedBackUrl="";

	var referUrl =  document.URL;

	var memberType = "seller";

	

	if (toMemberType == 1){

		memberType = "buyer";

	}

	if (from == 11){

		feedBackUrl="http://message.aliexpress.com/message/new.htm?productId="+id1+"&messageType=product"+"&memberType="+memberType+"&refer="+referUrl.replace(/&/ig,"$");

	}else{

	

		if (from == 12){

			feedBackUrl="http://message.aliexpress.com/message/new.htm?memberSeq="+id1+"&messageType=member"+"&memberType="+memberType+"&refer="+referUrl.replace(/&/ig,"$");

		}else{



			if (from == 13){

				feedBackUrl="http://message.aliexpress.com/message/new.htm?memberSeq="+id1+"&storeId="+id2+"&messageType=store"+"&memberType="+memberType+"&refer="+referUrl.replace(/&/ig,"$");

			}else{

				feedBackUrl="error404.html"

			}

		}

	}

	return feedBackUrl;



}

</script>
BaoShiqiang 2010-07-01
  • 打赏
  • 举报
 回复
已经有答案了
别递烟哥不会 2010-07-01
  • 打赏
  • 举报
 回复
jquery
RunBrown 2010-07-01
  • 打赏
  • 举报
 回复
楼上的对
quanpp 2010-07-01
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 maomao90 的回复:]
JS与CSS样式实现的
[/Quote]
同意
dd__dd 2010-07-01
  • 打赏
  • 举报
 回复 


<html><head><title>2</title>

<style type="text/css">

	body {cursor:crosshair; background:#111; margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;}

	.link {position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden;visibility:hidden;}

	.title   {position:relative;cursor:pointer;background:#333;width:100%;color:#fff;font-family:verdana;font-size:11px;left:2;height:15;overflow:hidden;}

	.title_o {position:relative;cursor:pointer;background:#fff;width:100%;color:#000;font-family:verdana;font-size:11px;left:2;height:15;overflow:hidden;}

	.text {position:relative;text-align:justify;margin:10px;font-family:verdana;font-size:11px;color:#FFF;overflow:hidden;height:90%}



</style>



<script type="text/javascript"><!--

var object = new Array();



function Slide(N,oCont){

	this.N  = N;

	this.S  = 1.1;

	this.object = new Array();



	this.CObj = function (parent,N){

	

		this.parent = parent;

		this.N = N;

		this.obj = parent.frm[N];

		this.tit = this.obj.firstChild;

		this.div = this.obj.getElementsByTagName("div")[1];

		this.div.style.visibility = "hidden";

		this.y0 = N * 18;

		this.Y1 = this.y0;

		this.obj.style.top = this.y0;

		this.obj.style.height = parent.H - (parent.NF-1) * 18 - 3;

		this.obj.style.visibility = "visible";

		this.obj.parent = this;

		this.run = false;

		

		this.move = function(){

			with(this){

				dy = (y1-y0)/parent.S;

				if(Math.abs(dy)>.1){

					y0+=dy;

					obj.style.top = Math.round(y0);

					setTimeout("object["+parent.N+"].object["+N+"].move();", 16);

				} else {

					run = false;

					if(dy>0)div.style.visibility="hidden";

					else if(N>0)parent.object[N-1].div.style.visibility="hidden";

				}

			}

		}

		

		this.obj.onclick = function(){

			with(this.parent){

				if(!run){

					run = true;

					div.style.visibility="visible";

					for(i=0;i<parent.NF;i++)parent.object[i].tit.className = "title";

					tit.className = "title_o";

					for(i=0;i<=N;i++){

						parent.object[i].y1 = i*18;

						parent.object[i].move();

					}

					for(i=N+1;i<parent.NF;i++){

						parent.object[i].y1 = parent.H-(parent.NF-i)*18;

						parent.object[i].move();

					}

				}

			}

		}

	}



	this.frm = document.getElementById(oCont);

	this.H = parseInt(this.frm.style.height);

	this.frm = this.frm.getElementsByTagName("span");

	this.NF = this.frm.length;

	for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i);

	this.object[0].obj.onclick();

	this.S = 10;

}



onload = function() {

	object[0] = new Slide(0, "frames");

}



//-->

</script></head><body>



<div style="position: absolute; left: 50%; top: 50%;">

	<div id="frames" style="overflow: hidden; position: absolute; width: 200px; height: 340px; left: -100px; top: -170px;">

		<span style="top: 0pt; height: 211px; visibility: visible;" class="link"><div class="title_o"></div>

			<div style="margin: 20px; overflow: hidden; position: relative; text-align: center; font-family: verdana; font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); height: 90%; visibility: visible;">

				 The Circle of Life

			</div>

		</span>

		<span style="top: 213px; height: 211px; visibility: visible;" class="link"><div class="title">Programmer to Module Leader:</div>

			<div style="visibility: hidden;" class="text">

"1" </div>

		</span>

		<span style="top: 231px; height: 211px; visibility: visible;" class="link"><div class="title">Module Leader to Project Manager:</div>

			<div style="visibility: hidden;" class="text">

"2" </div>

		</span>

		<span style="top: 249px; height: 211px; visibility: visible;" class="link"><div class="title">Project Manager to 1st Level Manager:</div>

			<div style="visibility: hidden;" class="text">

"3" </div>

		</span>

		<span style="top: 267px; height: 211px; visibility: visible;" class="link"><div class="title">1st Level Manager to 2nd Level Manager:</div>

			<div style="visibility: hidden;" class="text">

"4" </div>

		</span>

		<span style="top: 285px; height: 211px; visibility: visible;" class="link"><div class="title">2nd Level Manager to CEO:</div>

			<div style="visibility: hidden;" class="text">

"5" </div>

		</span>

		<span style="top: 303px; height: 211px; visibility: visible;" class="link"><div class="title">CEO to Client:</div>

			<div style="visibility: hidden;" class="text">

"6" </div>

		</span>

		<span style="top: 321px; height: 211px; visibility: visible;" class="link"><div class="title"></div>

			<div style="margin: 20px; overflow: hidden; position: relative; text-align: center; font-family: verdana; font-size: 32px; font-weight: bold; color: rgb(255, 255, 255); height: 90%; visibility: hidden;">

				 The End

			</div>

		</span>

	</div>

</div>

</body></html>
wan1i209 2010-07-01
  • 打赏
  • 举报
 回复
把它的js和css扣下来就能用
wwfgu00ing 2010-07-01
  • 打赏
  • 举报
 回复
css能实现的，我看了一下源代码，没有找到相关的代码，可惜了
maomao90 2010-07-01
  • 打赏
  • 举报
 回复
JS与CSS样式实现的
小猫阿尤 2010-07-01
  • 打赏
  • 举报
 回复
js导航栏特效，百度一下 很多的
子夜__ 2010-07-01
  • 打赏
  • 举报
 回复
查他的源文件 把JS 和CSS下载下来 动态加载菜单 引用他的样式
不过里面有一个LI不能用正常的加载方式。
用repeater吧。
BaoShiqiang 2010-07-01
  • 打赏
  • 举报
 回复
js么？要不就是jQuery
Flow_Cloud 2010-07-01
  • 打赏
  • 举报
 回复
GOOGLE,BAIDU...菜单导航样式大全，可能有你需要的
段传涛 2010-07-01
  • 打赏
  • 举报
 回复
可以的，做成用户控件更方便。
wuyq11 2010-07-01
  • 打赏
  • 举报
 回复
jquery 导航http://sandbox.leigeber.com/flyout/flyout.html
可做成用户控件
Page.ResolveUrl
kongwu525 2010-07-01
  • 打赏
  • 举报
 回复
jquery 轻松实现
熙风 2010-07-01
  • 打赏
  • 举报
 回复
学习学习
xueyifengok 2010-07-01
  • 打赏
  • 举报
 回复
可以做成一个用户控件吗
基于SpringMVC+Mybatis+WebGIS的留守儿童求助信息共享系统源码+全部资料+详细文档（高分毕业设计）.zip
基于SpringMVC+Mybatis+WebGIS的留守儿童求助信息共享系统源码+全部资料+详细文档（高分毕业设计）.zip基于SpringMVC+Mybatis+WebGIS的留守儿童求助信息共享系统源码+全部资料+详细文档（高分毕业设计）.zip ...
基于SpringBoot+Vue+Web的校园爱心捐赠互助管理系统设计与实现(源码+数据库+文档).zip
基于SpringBoot+Vue+Web的校园爱心捐赠互助管理系统设计与实现(源码+数据库+文档).zip 高分通过项目，已获导师指导。 本项目是一套基于Springboot的校园爱心捐赠互助管理系统，主要针对计算机相关专业的正在做毕设的...
《ACM竞赛-C/C++入门》 C语言-13
清华大学尹成老师、微软全球具有价值专家，手把手从基础教学到深入探讨，教你成为信息学竞赛高手，让你知识点一通百通拿到竞赛高分，为编程开发打下坚实的基础！ 从零基础到在蓝桥杯、NOIP、ACM竞赛、信息学...
基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档)
基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档).zip 高分通过项目，已获导师指导。 本项目是一套基于SSM的医在线捐赠系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者...
java毕业设计-基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档).zip
基于SSM+JSP+MySQL的在线捐赠系统设计与实现(源码+数据库+文档).zip 高分通过项目，已获导师指导。 本项目是一套基于SSM的医在线捐赠系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者...
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章