最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:36:43
文档

求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose

求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose:下面附上代码和效果图,应该是要用到CSS3。 扫描了解详情 回复讨论(解决方案) css3 你知道 还不去搜搜 如果你是用在手机上的话,你的交互设计是有问题的,手机上何来鼠标一说。 如果是在PC端,用jquery的animate方法就行,
推荐度:
导读求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose:下面附上代码和效果图,应该是要用到CSS3。 扫描了解详情 回复讨论(解决方案) css3 你知道 还不去搜搜 如果你是用在手机上的话,你的交互设计是有问题的,手机上何来鼠标一说。 如果是在PC端,用jquery的animate方法就行,
 下面附上代码和效果图,应该是要用到CSS3。



扫描了解详情



回复讨论(解决方案)

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结构吧。
有是有其他方法,但会麻烦很多。

谢谢你,问题已解决

文档

求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose

求教,有这么一个效果,当把鼠标放上去二维码慢慢的出来,鼠标离开二维码慢慢的下去,怎么去实现。_html/css_WEB-ITnose:下面附上代码和效果图,应该是要用到CSS3。 扫描了解详情 回复讨论(解决方案) css3 你知道 还不去搜搜 如果你是用在手机上的话,你的交互设计是有问题的,手机上何来鼠标一说。 如果是在PC端,用jquery的animate方法就行,
推荐度:
标签: 一个 二维码 鼠标
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top