防一个网站的下拉菜单的问题

深圳还是一样的深圳 2010-03-11 05:19:37
就是防这个站的:http://www.tiffanyhotsale.com/ 或是直接抄.

我下载下来后,二级目录不出来,怪事了,

他的CSS文件是:<link rel="stylesheet" type="text/css" href="http://www.tiffanyhotsale.com/includes/templates/sell/css/stylesheet_header_menu.css" />

是不是还有一个JS文件,但找了半天都找不到,

现在就是不出来二级下拉目录
...全文
114 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
coderfanl 2010-03-12
  • 打赏
  • 举报
 回复
我把行为用脚本重写了,你再试试,代码如下:


<!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">

<style type="text/css">

<!--

#dropMenuWrapper{width:960px;height:25px;margin:0 auto;font-size:12px;}

div#dropMenu{margin:0 auto;text-align:center;z-index:1000;position:relative;}

div#dropMenu ul{margin:0;padding: 0;}

div#dropMenu li{position: relative;list-style:none;margin:0;float:left;line-height:1em;}

div#dropMenu ul.level1{margin:0 auto;text-align:center;background:#CDF1F1;height:25px;z-index:1000;}

div#dropMenu li a {display: block; padding: 7px 23px ;text-decoration: none; text-transform:uppercase; color:#000000; text-align:left;  border-right:1px solid #ffffff;} 

div#dropMenu>ul a {width: auto;}

div#dropMenu ul ul {position: absolute; width: 13em;display: none;}

div#dropMenu ul ul li {border-bottom: 1px solid #ffffff; width:13em;}

div#dropMenu li.submenu li.submenu {}

div#dropMenu ul.level2 {top: 2em; background:#CDF1F1;z-index:1000;}

div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em; background:#CDF1F1}

div#dropMenu ul.level2 a {padding: 0.5em 23px;color: #000000; text-transform:none;display:block;}  

-->

</style></head>

<body>

<div id="dropMenuWrapper">

  <div id="dropMenu">

    <ul class="level1">

		<li class="submenu"><a href="#">ACCESSORIES</a>

			<ul class="level2">

				 <li><a href="#">Brooch</a></li>

				 <li><a href="#">Cuff Button</a></li>

				 <li><a href="#">Key Ring</a></li>

				 <li><a href="#">Other Accessories</a></li>

				 <li><a href="#">Pack</a></li>

				 <li><a href="#">Watches</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">BRACELETS</a>

			<ul class="level2">

				<li><a href="#">All the items</a></li>

				<li><a href="#">Return to Tiffany</a></li>

				<li><a href="#">Tiffany 1837</a></li>

				<li><a href="#">Tiffany Atlas</a></li>

				<li><a href="#">Tiffany Elsa Peretti</a></li>

				<li><a href="#">Tiffany Paloma Picasso</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">EARRINGS</a>

			<ul class="level2">

				<li><a href="#">All the items</a></li>

				<li><a href="#">Tiffany 1837</a></li>

				<li><a href="#">Tiffany Atlas</a></li>

				<li><a href="#">Tiffany Elsa Peretti</a></li>

				<li><a href="#">Tiffany Paloma Picasso</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">NECKLACES</a>

			<ul class="level2">

				<li><a href="#">All the items</a></li>

				<li><a href="#">Return to Tiffany</a></li>

				<li><a href="#">Tiffany 1837</a></li>

				<li><a href="#">Tiffany Atlas</a></li>

				<li><a href="#">Tiffany Elsa Peretti</a></li>

				<li><a href="#">Tiffany Paloma Picasso</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">RINGS</a>

			<ul class="level2">

				<li><a href="#">All the items</a></li>

				<li><a href="#">Others</a></li>

				<li><a href="#">Tiffany 1837</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">GIFTS</a>

			<ul class="level2">

				<li><a href="#">Gifts for Her</a></li>

				<li><a href="#">Gifts for Him</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">COLLECTIONS</a>

			<ul class="level2">

				<li><a href="#">Return to Tiffany</a></li>

				<li><a href="#">Tiffany 1837</a></li>

				<li><a href="#">Tiffany Atlas</a></li>

				<li><a href="#">Tiffany Elsa Peretti</a></li>

				<li><a href="#">Tiffany Paloma Picasso</a></li>

			</ul>

		</li>

		<li class="submenu"><a href="#">NEW</a>

			<ul class="level2">

				<li><a href="#">BRACELETS</a></li>

				<li><a href="#">EARRINGS</a></li>

				<li><a href="#">NECKLACES</a></li>

				<li><a href="#">RINGS</a></li>

			</ul>

		</li>

    </ul>

  </div>

</div>

<script type="text/javascript">

<!--//

var $=function(o){return document.getElementsByTagName(o);};

var arr=[];

for(var i=0;i<$("li").length;i++){

	if($("li")[i].className=="submenu"){

		$("li")[i].onmouseover=function(){

			this.style.background="#36AEA2"

			this.style.zindex="1000";

			this.getElementsByTagName("ul")[0].style.display="block";

			for(var j=0;j<this.getElementsByTagName("li").length;j++){

				this.getElementsByTagName("li")[j].onmouseover=function(){

					this.style.background="#36AEA2";

					this.onmouseout=function(){

						this.style.background="#CDF1F1";						

					};

				};

			}

			this.onmouseout=function(){

				this.getElementsByTagName("ul")[0].style.display="none";

				this.style.background="#CDF1F1"

			};

		};

	}

}



//-->

</script>

</body>

</html>
深圳还是一样的深圳 2010-03-12
  • 打赏
  • 举报
 回复
[Quote=引用 12 楼 coderfanl 的回复:]
我的在IE8下测试无误……
你的浏览器是？
[/Quote]
360与IE都不出来
coderfanl 2010-03-12
  • 打赏
  • 举报
 回复
我的在IE8下测试无误……
你的浏览器是？
深圳还是一样的深圳 2010-03-12
  • 打赏
  • 举报
 回复
你的也不出来
[Quote=引用 8 楼 coderfanl 的回复:]
我也来山寨一回

HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<style type="text/css">
DIV#dropMenu LI A:hover {
……
[/Quote]
firefly515 2010-03-11
  • 打赏
  • 举报
 回复
里面不是有两个js文件嘛，
但是不知道是不是，没仔细看，
不过你说的好多网站都有啊
孟子E章 2010-03-11
  • 打赏
  • 举报
 回复
网上有纯CSS实现的菜单，你可以搜索下，。很多
loveljc82 2010-03-11
  • 打赏
  • 举报
 回复
真的不错!
coderfanl 2010-03-11
  • 打赏
  • 举报
 回复
我也来山寨一回


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

<style type="text/css">

DIV#dropMenu LI A:hover {

	BACKGROUND: #36aea2; COLOR: #ffffff !important

}

DIV#dropMenu LI.submenu LI.submenu:hover {

	BACKGROUND: #36aea2; COLOR: #ffffff !important

}

#dropMenuWrapper {

	MARGIN: 0px auto; WIDTH: 99%; HEIGHT: 25px; FONT-SIZE: 12px

}

DIV#dropMenu {

	Z-INDEX: 1000; POSITION: relative; TEXT-ALIGN: center; MARGIN: 0px auto

}

DIV#dropMenu UL {

	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px

}

DIV#dropMenu LI {

	POSITION: relative; LINE-HEIGHT: 1em; LIST-STYLE-TYPE: none; MARGIN: 0px; FLOAT: left; LIST-STYLE-IMAGE: none

}

DIV#dropMenu UL.level1 {

	Z-INDEX: 1000; TEXT-ALIGN: center; MARGIN: 0px auto; BACKGROUND: #cdf1f1; HEIGHT: 25px

}

DIV#dropMenu LI A {

	TEXT-ALIGN: left; PADDING-BOTTOM: 7px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 23px; PADDING-RIGHT: 23px; DISPLAY: block; COLOR: #000000; BORDER-RIGHT: #ffffff 1px solid; TEXT-DECORATION: none; PADDING-TOP: 7px

}

DIV#dropMenu > UL A {

	WIDTH: auto

}

DIV#dropMenu UL UL {

	POSITION: absolute; WIDTH: 13em; DISPLAY: none

}

DIV#dropMenu UL UL LI {

	BORDER-BOTTOM: #ffffff 1px solid; WIDTH: 13em

}

DIV#dropMenu LI.submenu LI.submenu {

	

}

DIV#dropMenu UL.level1 LI.submenu:hover UL.level2 {

	Z-INDEX: 1000; DISPLAY: block

}

DIV#dropMenu UL.level2 LI.submenu:hover UL.level3 {

	Z-INDEX: 1000; DISPLAY: block

}

DIV#dropMenu UL.level3 LI.submenu:hover UL.level4 {

	Z-INDEX: 1000; DISPLAY: block

}

DIV#dropMenu UL.level4 LI.submenu:hover UL.level5 {

	Z-INDEX: 1000; DISPLAY: block

}

DIV#dropMenu UL.level2 {

	Z-INDEX: 1000; BACKGROUND: #cdf1f1; TOP: 2em

}

DIV#dropMenu UL.level3 {

	BACKGROUND: #cdf1f1; TOP: 0px; LEFT: 13em

}

DIV#dropMenu UL.level4 {

	BACKGROUND: #cdf1f1; TOP: 0px; LEFT: 13em

}

DIV#dropMenu UL.level5 {

	BACKGROUND: #cdf1f1; TOP: 0px; LEFT: 13em

}

DIV#dropMenu UL.level2 A {

	PADDING-BOTTOM: 0.5em; TEXT-TRANSFORM: none; PADDING-LEFT: 23px; PADDING-RIGHT: 23px; DISPLAY: block; COLOR: #000000; PADDING-TOP: 0.5em

}

DIV#dropMenu UL.level2 A:hover {

	COLOR: #000000

}

</style>

<BODY>

<DIV id=dropMenuWrapper>

	<DIV id=dropMenu>

		<UL class=level1>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/accessories-c-10.html">ACCESSORIES</A>

				<UL class=level2>

					<LI><A href="http://www.tiffanyhotsale.com/brooch-c-10_21.html">Brooch</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/cuff-button-c-10_20.html">Cuff Button</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/key-ring-c-10_19.html">Key Ring</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/other-accessories-c-10_22.html">Other Accessories</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/pack-c-10_53.html">Pack</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/watches-c-10_15.html">Watches</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/bracelets-c-9.html">BRACELETS</A>

				<UL class=level2>

					<LI><A href="http://www.tiffanyhotsale.com/all-the-items-c-9_49.html">All the items</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/return-to-tiffany-c-9_28.html">Return to Tiffany</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-1837-c-9_29.html">Tiffany 1837</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-atlas-c-9_30.html">Tiffany Atlas</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-elsa-peretti-c-9_31.html">Tiffany Elsa Peretti</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-paloma-picasso-c-9_32.html">Tiffany Paloma Picasso</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/earrings-c-11.html">EARRINGS</A>

				<UL class=level2>

					<LI><A href="http://www.tiffanyhotsale.com/all-the-items-c-11_50.html">All the items</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-1837-c-11_33.html">Tiffany 1837</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-atlas-c-11_34.html">Tiffany Atlas</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-elsa-peretti-c-11_35.html">Tiffany Elsa Peretti</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-paloma-picasso-c-11_36.html">Tiffany Paloma Picasso</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/necklaces-c-12.html">NECKLACES</A>

				<UL class=level2><LI><A href="http://www.tiffanyhotsale.com/all-the-items-c-12_51.html">All the items</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/return-to-tiffany-c-12_37.html">Return to Tiffany</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/tiffany-1837-c-12_38.html">Tiffany 1837</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/tiffany-atlas-c-12_39.html">Tiffany Atlas</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/tiffany-elsa-peretti-c-12_40.html">Tiffany Elsa Peretti</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/tiffany-paloma-picasso-c-12_41.html">Tiffany Paloma Picasso</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/rings-c-13.html">RINGS</A>

				<UL class=level2>

				<LI><A href="http://www.tiffanyhotsale.com/all-the-items-c-13_52.html">All the items</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/others-c-13_43.html">Others</A></LI>

				<LI><A href="http://www.tiffanyhotsale.com/tiffany-1837-c-13_42.html">Tiffany 1837</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/gifts-c-14.html">GIFTS</A>

				<UL class=level2>

					<LI><A href="http://www.tiffanyhotsale.com/gifts-for-her-c-14_47.html">Gifts for Her</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/gifts-for-him-c-14_48.html">Gifts for Him</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/collections-c-16.html">COLLECTIONS</A>

				<UL class=level2>

					<LI><A href="http://www.tiffanyhotsale.com/return-to-tiffany-c-16_23.html">Return to Tiffany</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-1837-c-16_24.html">Tiffany 1837</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-atlas-c-16_25.html">Tiffany Atlas</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-elsa-peretti-c-16_26.html">Tiffany Elsa Peretti</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/tiffany-paloma-picasso-c-16_27.html">Tiffany Paloma Picasso</A></LI>

				</UL>

			</LI>

			<LI class=submenu><A href="http://www.tiffanyhotsale.com/new-c-17.html">NEW</A>

				<UL class=level2>

					<LI><A href="http://www.tiffanyhotsale.com/bracelets-c-17_56.html">BRACELETS</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/earrings-c-17_54.html">EARRINGS</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/necklaces-c-17_57.html">NECKLACES</A></LI>

					<LI><A href="http://www.tiffanyhotsale.com/rings-c-17_55.html">RINGS</A></LI>

				</UL>

			</LI>

			<LI><A href="http://www.tiffanyhotsale.com/classic-c-18.html">CLASSIC</A></LI>

		</UL>

	</DIV>

</DIV>

</BODY>

</HTML>
haochangjun 2010-03-11
  • 打赏
  • 举报
 回复
http://www.cnblogs.com/shihao/archive/2010/02/26/1674363.html
看看这个，有造成的HTML代码，粘贴过去就好用的
深圳还是一样的深圳 2010-03-11
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 mykelly6 的回复:]
HTML code
http://www.tiffanyhotsale.com/includes/templates/template_default/jscript/jscript_imagehover.js
这个？
[/Quote]
那个JS不是的
格桑 2010-03-11
  • 打赏
  • 举报
 回复
有纯css实现的，但很多的都是js的吧，，，搜些代码，多看看就行了.....
skyroom1 2010-03-11
  • 打赏
  • 举报
 回复
我有源码，QQ：364308906，需要请联系
mykelly6 2010-03-11
  • 打赏
  • 举报
 回复 


http://www.tiffanyhotsale.com/includes/templates/template_default/jscript/jscript_imagehover.js

这个？
纯CSS下拉菜单，宽度自适应
这是一个纯CSS的下拉菜单，提供给CSS爱好者学习，应用不是非常广泛，如果作为导航栏请固定高度，否则会将页面玩挤下。
百分百防360界面，可换肤。
完全模仿360安全卫士的界面，可换肤，可缩放。使用VC开发，除GDI+以外未使用第三方界面库。
前端JS特效第56波：网站下拉菜单制作企业网站导航菜单代码
网站下拉菜单制作企业网站导航菜单代码
解决IE浏览器下拉菜单乱码问题的资源包
另一个解决方案资源包的重要组成部分是DLL工具.exe。DLL（Dynamic Link Library）是Windows操作系统中一种实现代码共享的方式，它允许程序共享相同的代码库，这样就可以节省内存并提高效率。DLL工具.exe是一个辅助程序，旨在管理和修复与DLL文件相关的问题。在本文中，我们探讨了Windows IE浏览器下拉菜单乱码问题的解决路径，涵盖了从问题的初步识别到根本解决，以及预防措施的建立。
实现仿新浪下拉菜单
1、html模块：分为上下两个部分，上面为导航栏，下面为鼠标经过导航栏所下拉出现的部分。这里要为下拉的部分先设置为不可见样式，之后再js中设置鼠标经过可见。2、css模块：在此处设置相应的样式。3、最后是js模块：需要先获取元素，然后设置相应html模块鼠标经过可见，离开不可见。该程序主要分为三个模块：html模块、css模块、js模块。...
CSS

61,125

社区成员

60,706

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章