当鼠标放在字体上时,字体下显示图片,当移开鼠标时图片仍显示.如何用css写?

如果用js该如何写?

第1个回答  2012-12-31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script type="text/javascript" language="javascript" src="js/jquery-plus-jquery-ui.js"></script>

</head>
<body>
<div id="word">文字</div>
<div id="img" style="background:#666; width:200px; height:200px">图片</div>
<script type="text/javascript">
if(window.ixedit){ixedit.deployed = true};
if(window.jQuery){jQuery(function(){
(function(){ jQuery('div#word').bind('mouseover', function(event, ui){var target = jQuery('div#img'); target.css('visibility','visible')});})();
(function(){ var target = jQuery('div#img'); target.css('visibility','hidden'); })();
})};
</script>
</body>
</html>

用JQ写的,下一个JQ库就可以了
第2个回答  2013-01-06
$('.font').hover(
function(){
$('.picure').show();

},
function(){
//如果图片消失
//$('.picure').hide();

});

嗯,zyh1037907的写法,你可以看到原理,我这种写法,是纯用jQuery,自己选择吧来自:求助得到的回答
第2个回答  2013-01-06
这样单单用CSS还不能实现,最好的办法是用Jquery实现!
给你一个例子吧:
第3个回答  2012-12-30
css 没法写的 css只负责样式 JS负责行为

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网