Skip navigation.

Forestgan

CSS layout in China

一种鼠标放在链接上显示网站缩略图的新方法

, ,

这是一种鼠标放在链接上显示网站缩略图的新方法,采用JS + CSS 构建。图片资源从msnsearch.srv.girafa.com获得,仅限于显示具有独立域名首页的网站缩略图,二级域名显示该域名的首页,如我的博客显示的是http://my.opera.com的首页。

整个代码只用了很少的JS 和 CSS.

JS文件

<script type="Text/JavaScript" src="arc90_linkthumb.js"></script>
<style type="text/css" media="screen">.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; }
</style>


调用:只要在a 中加入class="linkthumb" 就可.

eg:

<a href="http://www.forest53.com/" class="linkthumb">Fifty Studio</a>

效果演示

原文

再谈一下关于清除浮动(闭合浮动元素)最简单的方法一种较酷的给图片加上说明文字的方法

Comments

Anonymous 4. August 2006, 06:22

Anonymous writes:

不错的效果 可以用来做纯文字酷站欣赏

Adam Li 5. September 2006, 10:11

coool, i'll try it latter.

Adam Li 5. September 2006, 16:56

测试成功了(Netscape7.2, Firefox, Opera下有效,IE 没反应),
http://www.s-n.com.cn/?p=35



特地跑来谢谢老甘!

老甘 7. September 2006, 02:22

IE下位置比较难调,尤其是在列表中。

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

January 2010
S M T W T F S
December 2009February 2010
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30