网页右下角书签图片修改
上一篇 / 下一篇 2007-03-09 11:27:11 / 个人分类：随笔
[小东东]网页右下角书签图片修改For PJBlog2
作者:大头 日期:2007-02-23
这个效果在很多国外的Blog比较流行，于是自己仿照着做了一个，没什么技术含量，只是要修改PJBlog的源文件header.asp，请大家在修改前注意备份。
本效果功能特点是：
1. PNG透明图片，支持Firefox、IE6、IE7。
2. 收藏夹功能，支持Firefox、IE6、IE7。
3. 跟随页面滚动，位置不变。
修改方法：
1. 制作一张你自己喜欢的PNG图片，保存到images文件夹下，文件名为TooCoo.png，例如：
2. 打开你Blog根目录下面的header.asp文件
3. 找到</head>标签，在其上面加入以下代码（其中收藏夹功能的网址和名称可自己修改）：
程序代码
4. 找到<body onload="initJS()" onkeydown="PressKey()">或者<body>标签，在其下面加入以下代码：
程序代码
本效果功能特点是：1. PNG透明图片，支持Firefox、IE6、IE7。
2. 收藏夹功能，支持Firefox、IE6、IE7。
3. 跟随页面滚动，位置不变。
修改方法：
1. 制作一张你自己喜欢的PNG图片，保存到images文件夹下，文件名为TooCoo.png，例如：
2. 打开你Blog根目录下面的header.asp文件
3. 找到</head>标签，在其上面加入以下代码（其中收藏夹功能的网址和名称可自己修改）：
程序代码<scrīpt language="javascrīpt">
<!--
function addFavorite()
{
<%
if inStr(Request.ServerVariables("HTTP_USER_AGENT"),"MSIE") then
%>
window.external.AddFavorite('http://www.bigik.cn/', 'Bigik.cn 大头与饼仔');
<%
elseif inStr(Request.ServerVariables("HTTP_USER_AGENT"),"Firefox") then
%>
window.sidebar.addPanel('大头与饼仔', 'http://www.bigik.cn/', "Bigik.cn 大头与饼仔");
<%
end if
%>
}
-->
</scrīpt>
<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(images/TooCoo.png) bottom right no-repeat !important;
text-indent: -999em;
text-decoration: none;
z-index:99;
background-image: url();
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/TooCoo.png');
}
-->
</style>
<!--
function addFavorite()
{
<%
if inStr(Request.ServerVariables("HTTP_USER_AGENT"),"MSIE") then
%>
window.external.AddFavorite('http://www.bigik.cn/', 'Bigik.cn 大头与饼仔');
<%
elseif inStr(Request.ServerVariables("HTTP_USER_AGENT"),"Firefox") then
%>
window.sidebar.addPanel('大头与饼仔', 'http://www.bigik.cn/', "Bigik.cn 大头与饼仔");
<%
end if
%>
}
-->
</scrīpt>
<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(images/TooCoo.png) bottom right no-repeat !important;
text-indent: -999em;
text-decoration: none;
z-index:99;
background-image: url();
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/TooCoo.png');
}
-->
</style>
4. 找到<body onload="initJS()" onkeydown="PressKey()">或者<body>标签，在其下面加入以下代码：
程序代码<A href="javascrīpt:addFavorite()" id="TooCoo">www.bigik.cn</a>
相关阅读:
- :< 黑暗与光明> (箫一箫, 2007-1-24)
- 平安夜 之 万癞静 (箫一箫, 2007-1-25)
- DSDF (lxian, 2007-1-25)
- logo (lxian, 2007-2-22)
- 用CSS实现鼠标经过图片链接加边框 (lxian, 2007-2-13)
- Yupoo相册插件更新, For PJBlog增强版V1.3 安装说明 下载(2.14) (lxian, 2007-2-14)
- 冰凌音乐播放器1.0版 (lxian, 2007-2-14)
- 插件下载┊MeBoxSpace(MBS)加密日志补丁插件安装版 1.0 beta [02-09更新] (lxian, 2007-2-14)
- [下载] Microsoft Windows Vista 所有版本 (lxian, 2007-2-22)
TAG: 随笔
