急~求个网页代码,鼠标悬停在文字上时图片从下向上滑出,文字滑到图片下方
答案:1 悬赏:0 手机版
解决时间 2021-11-08 12:24
- 提问者网友:沦陷
- 2021-11-07 18:29
急~求个网页代码,鼠标悬停在文字上时图片从下向上滑出,文字滑到图片下方
最佳答案
- 五星知识达人网友:空山清雨
- 2021-11-07 20:04
用jquery分分钟就能实现,图片slideUp 文字用mouseover方法步进下移,不就行了么.追问有具体代码吗?以前学的都忘了。。追答假如两个div
这里是文字
//引入jQuery
var step = 5;
//文字通过定时器改变文字div相对于父级的top偏移量
$('#word').mouseover(function(){
var h = $(this).offset().top;
setInterval(function(){
h += step;
$('#word').css('top',h+'px');
},1000);
})
//图片在鼠标放在div上面是 通过sildeUp,slow收起
$('#img').mouseover(function(
$(this).sildeUp('slow');
))
这里是文字
//引入jQuery
var step = 5;
//文字通过定时器改变文字div相对于父级的top偏移量
$('#word').mouseover(function(){
var h = $(this).offset().top;
setInterval(function(){
h += step;
$('#word').css('top',h+'px');
},1000);
})
//图片在鼠标放在div上面是 通过sildeUp,slow收起
$('#img').mouseover(function(
$(this).sildeUp('slow');
))
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯