Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 类似Twitter的按钮悬停效果_Javascript_Css_Twitter - Fatal编程技术网

Javascript 类似Twitter的按钮悬停效果

Javascript 类似Twitter的按钮悬停效果,javascript,css,twitter,Javascript,Css,Twitter,我想知道如何实现类似Twitter的链接控制 我的意思是,当你在他们的推特页面上,当你在推特上悬停时,会有回复、删除和收藏的链接,当你不悬停时,这些链接就会消失 我不知道要搜索什么关键字。纯CSS3 仅提供约770万个结果。也许你会在那里找到一些东西。这是用javascript完成的。这绝对没有什么复杂的。在Firefox上安装firebug,检查页面并通过调查页面了解他们是如何操作的。大多数不是flash的网站交互都是通过dhtml和ajax的结合来实现的。。。这两个术语都描述客户端java

我想知道如何实现类似Twitter的链接控制

我的意思是,当你在他们的推特页面上,当你在推特上悬停时,会有回复、删除和收藏的链接,当你不悬停时,这些链接就会消失

我不知道要搜索什么关键字。

纯CSS3


仅提供约770万个结果。也许你会在那里找到一些东西。这是用javascript完成的。这绝对没有什么复杂的。在Firefox上安装firebug,检查页面并通过调查页面了解他们是如何操作的。大多数不是flash的网站交互都是通过dhtml和ajax的结合来实现的。。。这两个术语都描述客户端javascript代码,偶尔使用ajax调用返回数据的服务器端脚本。@JonathonReinhart duh我正在使用其他关键字搜索..thx@gview Twitter是通过CSS实现的。正如你的问题标题所示,我去了,看到他们的网站被关闭,我感到震惊!你的例子不是working@slyxar如果你有一个更老的IE。。。安装其他浏览器:)
  <div>TWeeeet, tweeeet, tweet! ok , hover me now...
    <br>
    <br>
    <a href="#" class="tweetLink">Share</a>
    <a href="#" class="tweetLink">Replay</a> 
    <a href="#" class="tweetLink">Add to Favourite</a> 
  </div>
.tweetLink {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
  -moz-transition: visibility 0.2s linear, opacity 0.2s linear;
  -o-transition: visibility 0.2s linear, opacity 0.2s linear;
}

div:hover .tweetLink {
  visibility: visible;
  opacity: 1;
}