jquery鼠标问题
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0<scriptsrc="http://ajax.googleapis.com/ajax/li...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><style>.ztmq_left div{float:left;position:relative;overflow:hidden;z-index:11;display:block;}.ztmq_left div dl{width:100%;height:100%;background:#09F;text-align:left;color:#FFF;position:absolute;top:100%;z-index:10;display:block;/*display:none;*/}.ztmq_left div dl h3{width:90%;height:30px;line-height:30px;margin:0 auto;padding-top:10px;}.ztmq_left div dl p{width:90%;margin:0 auto;}.ztmq_left div dl li{width:100%;height:25px;border-top:1px solid #fff;position:absolute;top:auto;bottom:0px;text-indent:10px;}.ztmq_left div dl li a{position:absolute;top:1px;right:15px;color:#FFF;}</style><script>$(document).ready(function(){ $(".ztmq_left div").mouseover(function(){ //$(this).children("dl").css({"top":"0px"}); $(this).children("dl").animate({top:'0px',left:'0px'},500); }); $(".ztmq_left div").mouseout(function(){ $(this).children("dl").animate({top:'100%',left:'0px'},500); //$(this).children("dl").css({"top":"100%"}); });});</script> <div class="ztmq_left"> <div style="width:270px; height:267px; background:#999; z-index:10;"> <dl> <h3>小天鹅</h3> <p>无锡小天鹅股份有限公司前身始建于1958年。无锡小天鹅股份有限公司前身始建于1958年。无锡小天鹅股份有限公司前身始建于1958年。</p> <li>无锡新区<a href="#">点击查看</a></li> </dl> </div></div>
展开
展开全部
$(document).ready(function () {
// 用hover替代mouseover，mouseout
$(".ztmq_left div").hover(function () {
//$(this).children("dl").css({"top":"0px"});
$(this).children("dl").animate({
top: '0px',
left: '0px'
}, 500);
}, function () {
$(this).children("dl").animate({
top: '100%',
left: '0px'
}, 500);
//$(this).children("dl").css({"top":"100%"});
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
微测检测5.10
2023-05-10 广告
您好！建议咨 深圳市微测检测有限公司，已建立起十余个专业实验室，企业通过微测检测就可以获得一站式的测试与认 证解决方案；(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量），认证遇...
点击进入详情页
本回答由微测检测5.10提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
