精美的右下角网站收藏特效

来源：建站学 时间：2008-10-30 Tag：收藏特效

本站特从网上收集了一个很不错的在右下角的收藏按钮，这个收藏按钮在页面右下角不影响用户视觉，突出醒目，是一个不错的网页特效。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>精美的右下角收藏特效--建战学</title> <style type="text/css"> a#TooCoo { position:fixed!important; position:absolute; right: 0; bottom: 0; Top: expression(offsetParent.scrollTop + offsetParent.clientHeight - 96); display: block; height: 96px; width: 96px; background: url(http://www.jzxue.com/System/uploads/userup/0810/30230223V32.gif) bottom right no-repeat !important; text-indent: -999em; text-decoration: none; z-index:99; background-image: url(); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jzxue.com/System/uploads/userup/0810/30230223V32.gif'); } A#TooCoo { DISPLAY: block; Z-INDEX: 99; RIGHT: 0px; BACKGROUND: no-repeat right bottom; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jzxue.com/System/uploads/userup/0810/30230223V32.gif'); WIDTH: 96px; BOTTOM: 0px; TEXT-INDENT: -999em; POSITION: absolute; ; TOP: expression(offsetParent.scrollTop + offsetParent.clientHeight - 96); HEIGHT: 96px; TEXT- DECORATION: none } </style> </head> <body> 看到右下角那个收藏了吗？点一下看看效果。 <A id=TooCoo href="javascript:window.external.addFavorite('http://www.jzxue.com/','建站学');"></A> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]