求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose
程序员文章站
2022-05-06 19:22:09
...
下面附上代码和效果图,应该是要用到CSS3。
也可以用
也可以用
overflow肯定是最好,最简单的解决方式。不好用的话,你注意两点①overflow要声明在父级元素的样式上;②注意下父级元素的大小。
好好理一下你的dom结构吧。
有是有其他方法,但会麻烦很多。
overflow肯定是最好,最简单的解决方式。不好用的话,你注意两点①overflow要声明在父级元素的样式上;②注意下父级元素的大小。
好好理一下你的dom结构吧。
有是有其他方法,但会麻烦很多。 谢谢你,问题已解决
扫描了解详情
回复讨论(解决方案)
css3
你知道 还不去搜搜
如果你是用在手机上的话,你的交互设计是有问题的,手机上何来鼠标一说。
如果是在PC端,用jquery的animate方法就行,改变二维码的位置。
如果你是用在手机上的话,你的交互设计是有问题的,手机上何来鼠标一说。
如果是在PC端,用jquery的animate方法就行,改变二维码的位置。
$(document).ready(function() { $(".one").hover(function(){ $(".erweima").animate({top:"100px"}); });});这是鼠标放上去,离开后怎么做呢?
$(".one").hover(function(e){ e.type == "mouseleave", //是否是离开事件}
也可以用
$(".one").mouseenter{}$(".one").mouseleave{}
$(".one").hover(function(e){ e.type == "mouseleave", //是否是离开事件}
也可以用
$(".one").mouseenter{}$(".one").mouseleave{}再请教个问题,图片有超出的部分,overflow属性不好弄。怎么解决
overflow肯定是最好,最简单的解决方式。不好用的话,你注意两点①overflow要声明在父级元素的样式上;②注意下父级元素的大小。
好好理一下你的dom结构吧。
有是有其他方法,但会麻烦很多。
overflow肯定是最好,最简单的解决方式。不好用的话,你注意两点①overflow要声明在父级元素的样式上;②注意下父级元素的大小。
好好理一下你的dom结构吧。
有是有其他方法,但会麻烦很多。 谢谢你,问题已解决