Jquery 将鼠标悬停在图像上时显示下拉列表
我需要代码使滚动图像在其下方创建下拉列表(文本),并在鼠标悬停在下拉列表或原始图像上时返回到原始图像 有人有代码来完成这项任务吗?我一整天都在修改这个网站上的代码,真的很接近,只是还没有完全实现 菜单Jquery 将鼠标悬停在图像上时显示下拉列表,jquery,html,css,Jquery,Html,Css,我需要代码使滚动图像在其下方创建下拉列表(文本),并在鼠标悬停在下拉列表或原始图像上时返回到原始图像 有人有代码来完成这项任务吗?我一整天都在修改这个网站上的代码,真的很接近,只是还没有完全实现 菜单 <table width="830px" border=0 cellspacing=0 cellpadding=0 > <tr height="25px"> <td valign="top" align="left"><a href="abou
<table width="830px" border=0 cellspacing=0 cellpadding=0 >
<tr height="25px">
<td valign="top" align="left"><a href="aboutus1.php"><img src="images/cti-logo.png"></a></td>
<td valign="bottom" align="right"><a href="welcome.php">
<img src="images/home.jpg" onMouseOver="this.src='images/hover-home.jpg'" onMouseOut="this.src='images/home.jpg'"/>
<a href="aboutus1.php" target="content"><img id="id_About" onClick="over('about')" src="images/aboutus.jpg" onmouseover="this.src='images/hover-aboutus.jpg'" onMouseOut="if(me2=='about'){}else{this.src='images/aboutus.jpg'}" /></a>
<a target="content" href="partners.php" ><img onClick="over('partners')" id="id_Partners" src="images/partners.jpg" onMouseOver="this.src='images/hover-partners.jpg'" onMouseOut="if(me2=='partners'){}else{this.src='images/partners.jpg'}" /></a>
<a href="products1_1.php" target="content"><img onClick="over('products')" id="id_Products" src="images/products.jpg" onmouseover="this.src='images/hover-products.jpg'" onMouseOut=" if(me2=='products'){}else{this.src='images/products.jpg'}" /></a>
<a href="contactus.php" target="content"><img id="id_Contactus" onClick="over('contactus')" src="images/contactus.jpg" onmouseover="this.src='images/hover-contactus.jpg'" onMouseOut=" if(me2=='contactus'){}else{this.src='images/contactus.jpg'}" class="contactus" /></a>
</td>
</tr>
<tr>
<td colspan="2" class="bar"></td>
</tr>
</table>
看看这个JSFIDLE。希望这是你需要的 HTML代码
<html>
<head>
<title>This is a demo using CSS Sprites</title>
<style>
.myButtonLink {
display: block;
width: 100px;
height: 100px;
background: url('http://www.justcode.us/wp-content/uploads/2013/04/buttonleafhover.png') bottom;
}
.myButtonLink:hover {
background-position: 0 0;
}
</style>
</head>
<body>
<a class="myButtonLink" href="#LinkURL"></a>
</body>
</html>
这是一个使用CSS精灵的演示
.myButtonLink{
显示:块;
宽度:100px;
高度:100px;
背景:url('http://www.justcode.us/wp-content/uploads/2013/04/buttonleafhover.png“)底部;
}
.myButtonLink:悬停{
背景位置:0;
}
我们帮你做作业???没有。我做了很多变通方法,但没有一个能从中奏效。我也试过寻找,但没有运气。我在网上搜索的大部分内容都是文本,就我而言,我使用的是图像,这就是为什么我在如何在图像上进行下拉时遇到了很大的困难。不幸的是,我已经从图像中删除了我的下拉抓痕。@mohsin.mr,请尝试彻底编辑帖子。还有其他问题,比如“?!”。为什么要标记Jquery?