DiggBar如何工作?

时间:2009-04-10 04:47:10

标签: asp.net-mvc css digg

DiggBar如何运作?

我正在尝试制作一个ASP.NET MVC DiggBar克隆仅用于学习目的,是否有人建议如何为较低帧指定内容的url?你会如何在MVC中构建它?

另外,我知道它是一个iFrame,但它们如何定位,所以无论滚动它是否保持在顶部?这是CSS魔术吗?

alt text

编辑:我对你是否喜欢它们并不感兴趣。我不会把它投入生产,我不是要问它们是不是好的设计。我只是〜想〜做一个。

我发现DiggBar很有用,我喜欢它。天啊,你可以通过两次点击关闭它!同样,reddit有一个reddit bar,可以选择加入(可能更好的方法)。

4 个答案:

答案 0 :(得分:6)

基本html是:

<html>
<head>
  <style type="text/css">
    #toolbar {position: fixed; top: 0; height: 40px; width: 100%; ... }
    #page {width: 100%; height: 100%;}
  </style>
</head>
<div id="toolbar">
  All your toolbar stuff here.
</div>
<iframe id="page" name="page" src="http://url.to/page" frameborder="0" noresize="noresize"></iframe>
</html>

你自己的网址上有一个slug,它会映射到网页的网址,例如
d1oKo3 => http://news.bbc.co.uk/2/hi/technology/7991708.stm

您需要查看的所有视图都是查找映射并将网页的网址放入iframe的{​​{1}}。只要确保你有办法让用户选择退出,因为有些人不喜欢这种工具栏。

答案 1 :(得分:2)

在你看来,这可能是一个可怕的互联网,但这不是那个人问的 - 为什么你认为有人在乎你是否认为这些工具栏应该存在?没有人要求你使用他们。

如果你觉得他们不应该只是简单地说出来让其他人回答这个问题。毕竟,如果他们真的如此不受欢迎,他们将与他们的老鼠投票并去其他地方,部署他们的网站将减少到零。那是什么网络如此之大,它不需要无能为力的极客决定什么是好的,什么不是民众可以自己决定。

快乐编码。

答案 2 :(得分:0)

首先,请不要做那样的事情,我不认识那些喜欢这些事情的人。

可以使用CSS保存在顶部的东西:

position: fixed;

至于指定网址,我不确定你究竟在问什么。当您单击digg上的链接时,目标URL如下所示:

http://digg.com/d1oIyx

“d1oIyx”只会用作数据库中的主键,用于存储要在底部iframe中加载的URL。

答案 3 :(得分:0)

谢谢,我找到了一个有效的解决方案(附件),但我如何制作整页iframe?

工作链接:http://www.clalit.org/2.php?link=http://cnn.com

<?php
$link=$_GET["link"];
echo "<iframe src=\"$link\"/>";
?>