在不断变化的背景上随机定位的单词(链接)

时间:2011-08-26 08:18:43

标签: jquery css background lightbox sprite

在学习了CSS和jQuery的基础知识之后,我想建立一个简单的网站用于艺术目的,如下所示:

  1. 使用浏览器窗口调整大小的背景图像;要么每天挑选一张随机图像,要么作为幻灯片放映>最好用superbgimage / supersized /类似解决方案?

  2. 最多11个随机定位的div,每个div包含一个单词(链接),模糊,聚焦于悬停>模糊/焦点效果可能最好用CSS精灵和.png文件完成?

  3. 单击一个链接会覆盖所有带有居中div的内容,其中显示文本和图像,如果存在的内容比视口可以显示的那样,则该div中的内容应该是可滚动的>这是“灯箱”或“模态窗口”中的一个吗?

  4. 请在此处查看此近似示意图:

    我特别不知道如何在背景上实现2.,随机定位单词。关于3.我只找到了图片库等的示例,但没有找到可以像任何其他内容一样设置的内联(?)html内容。但也许整个原则无法实现?即使在我这个年纪,我也很乐意学习,所以如果你能指出我正确的方向......

1 个答案:

答案 0 :(得分:1)

  1. 好的,
  2. 使用JS(Math.random())生成一个随机数(在限制中)并使用$(element).css() - 确保使用正确的CSS定位
  3. 你可能正在寻找...... http://fancybox.net/