当我单击时，它不会定向到其他页面... [英] When I click it is not directing to other page...
本文介绍了当我单击时，它不会定向到其他页面...的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
请检查它，我希望图像应该切换并在鼠标悬停时在图像处显示文本，并在鼠标移出时再次显示图像，并且当我们单击图像时应直接指向url.当我单击图像时，它不会指向其他页面...
等待您的宝贵答复.
Hi,
Please check it I want image should be toggles and should show text in place of image when the mouse is over and it should show image again when mouse comes out and when we click on image it should direct to url. When I click on image it is not directing to other page...
Waiting for your valuable reply.
<html>
<head>
<style>
body{ margin:0px; padding:0px; background:#BF99C5 url(images/front2.jpg) no-repeat; }
#container{ margin-top:250px; margin-left:150px; padding:0px 0px 0px 0px; width:960px; background:#BF99C5; }
.wrapper{padding:0px; width:960px;}
.wrapper.topwrap{padding:0px; margin:0px auto; width:960px;}
.topwrap #img{margin:30px 0px 30px 20px; padding:0px; list-style:none; float:left; width:281px;height:138px;}
#img a{ margin:0px; padding:0px;}
#img a:hover{ margin:0px; padding:0px; }
#img span{ margin:0px 0px 10px 0px; padding:0px; font-size:21px; font-face: Berlin Sans FB; color:#01090E;}
#desc{display:none;background:#D2D1E4;width:251px;height:143px; color:#01090E; cursor:pointer; padding:0px 10px 0px 10px;}
#desc p{ margin:0px; padding:10px 0px 0px 0px;}
</style>
<script src="script1/jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#img a').bind('mouseenter',function(){
$(this).toggle();
$(this).next('#desc').toggle();
});
$('.topwrap #img #desc').bind('mouseleave',function(){
$(this).hide();
$(this).prev('a').show();
})
});
</script>
</head>
<body>
<div id="container">
<div class="wrapper">
<div class="topwrap">
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Sole Selling</font></span></td></tr></table><br> <a href="C:\Users\admin\Desktop\vibgyor\sole.html"><img src="images/homepage-10.jpg" alt="img_1" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Delegation of work is the new age mantra. In plain words, it's outsourcing that offloads the work and results are always positive and favourable.</p></div>
</div>
<div id="img">
<table><tr><td><span><span><font face="Berlin Sans FB" >Marketing Consulting Services</span></td></tr></table><br> <a href="C:\Users\admin\Desktop\vibgyor\homepage.html"><img src="images/hg-02.jpg" alt="img_2" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Delegation of work is the new age mantra. In plain words, it's outsourcing that offloads the work and results are always positive and favourable.</p></div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Project Launching</span></td></tr></table><br> <a href="projectlaunching.html"><img src="images/homepage - 03.jpg" alt="img_3" height="143" width="281" border="0" /></a>
<div id="desc" ><p>You will launch many projects, but have time to finish only a few. So think, plan, develop, launch and tap good people to be responsible. So we do the things for you..</p></div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB" size="4">Management Training & Research</font></span></td></tr></table><br> <a href="management.html"><img src="images/homepage - 04.jpg" alt="img_4" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Delegation of work is the new age mantra. In plain words, it's outsourcing that offloads the work and results are always positive and favourable.</p></div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Estimation & Costing</span></td></tr></table><br><a href="cost.html"><img src="images/Homepage - 05.jpg" alt="img_5" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> </div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Event Management</span></td></tr></table><br><a href="event.html"><img src="images/Homepage - 06.jpg" alt="img_6" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> </div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Branding & Advertising</span></td></tr></table><br><a href="brand.html"><img src="images/Homepage - 07.jpg" alt="img_7" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> </div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Scope of Work</span></td></tr></table><br><a href="#"><img src="images/Homepage - 08.jpg" alt="img_8" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> </div>
</div>
<div id="img">
<table><tr><td><span><font face="Berlin Sans FB">Residential</span></td></tr></table><br><a href="#"><img src="images/Homepage - 09.jpg" alt="img_9" height="143" width="281" border="0" /></a>
<div id="desc" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> </div>
</div>
</div>
</div>
</div>
</body>
</html>推荐答案
(document).ready(function(e) {
(document).ready(function(e) {
('#img a').bind('mouseenter',function(){
('#img a').bind('mouseenter',function(){
(this).toggle();
(this).toggle();
这篇关于当我单击时，它不会定向到其他页面...的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
