小编Chu*_*hun的帖子

当您悬停超链接时,如何创建一个不在左下角或右下角显示其信息的链接(这取决于链接的位置)？可以说我们有这样的链接:

 <a href="/users">Users</a>

我们希望隐藏其信息,或者更确切地说是隐藏在浏览器左下角的超链接信息,如下图所示:

现在,我知道这是可能的,因为Stack Exchange网络站点本身"Welcome Banner"会在首次访问每个站点时将其用于首页上显示的内容.

如果您悬停任何链接:

• 任何人都可以提问

• 任何人都可以回答

• 最好的答案被投票并上升到顶部

您将看到没有hyperlink显示任何信息.查看下面的图片以查看"Welcome Banner"

假设我有一个名为-myImage.png的图像，
并且正在将其与<img>标记一起使用，或者background-image其实这并不重要：

<img src="myImage.png" />

因此，我决定将其转换为基本64位映像：

.myImage {
    background: 0 no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4AA...SOV//2Q==);
}

图像的正常大小为.png文件，例如- 60KB。
然后，如果我创建一个.css文件，则从中粘贴上面提到的代码块.myImage并将其保存，保存文件后其大小也将为- 60KB。

现在，我的逻辑是，两个映像都将具有相同的性能和相同的服务器响应，因为它们都具有相同的大小，但是我开始怀疑，想知道基本64映像是否会更快，更轻量级并有更好的表现

我在这做错了什么？我怎样才能做到这一点？http://jsfiddle.net/qUjDa/

如果我单击按钮的右侧或按钮下方,按钮仅移动,但是如果我单击按钮没有任何反应,我希望它在我单击它的右侧时移动.我是javascript的新手,所以我不知道如何做到这一点.

这是代码:

HTML

<div class="button" id="button">
    <iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/FacebookDevelopers&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:21px; position: relative;" allowTransparency="true"></iframe>
</div>

CSS

.button.move{margin-left:50px;}

JS

var d = document.getElementById("button");
d.addEventListener('click',function(){
    d.className = d.className + " move";
});

我想知道我是否能以某种方式创建一个if语句,如果屏幕低于800它运行mobile.css否则运行另一个CSS文件.

我的想法是创建这样的东西:

if (screen.width <= 800) {
  run.this.css = "<link rel="stylesheet" type="text/css" href="mobile.css" />";
}
else {
  run.this.css = "<link rel="stylesheet" type="text/css" href="desktop.css" />";
}