Home  >  Article  >  Web Front-end  >  请问新版腾讯网右边那个“大家爱看”是怎么做的?_html/css_WEB-ITnose

请问新版腾讯网右边那个“大家爱看”是怎么做的?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:461068browse

   高手,早上好。新版腾讯网右边有个“大家爱看”,鼠标一放上去,原来的文字标题就会变成图文展示,




   不仅非常实用,还很有趣;
   请问高手们,这是什么原理写出来的?能给小白一个范例代码吗?谢谢


回复讨论(解决方案)

说个思路吧 给你。在js中有个hover事件。或者mouseover和mouseout。在你鼠标移入到文字上面的时候,实现在结构中其实就有个div放入了你鼠标移上去看见的东西,只不过他是隐藏的,你鼠标移上去就显示出来,移除去就隐藏。。。。。。还有问题可以站内信

搜索主题css伪类

http://www.sharejs.com/js/menu/10460

案例代码 ~可以下载 

直接搜索 “鼠标经过,放大显示”有代码,自己改,这样最实用。

感谢高手们。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn