CSS精灵可以在页面的HTML中工作，但不能在Javascript中工作

CSS精灵在页面的HTML中工作，但在Javascript中不工作？

我正在尝试安装http://www.spyka.net/scripts/javascript/easy-social-bookmarks并添加CSS精灵以最大限度地减少服务器调用。

我创建了这样的样式表：

<style type="text/css">
<!--
.i_blinklist
{
width:21px;
height:21px;
background-repeat: no-repeat;
background-image: url(img_socialsprites.jpg);
background-position: 0 0;
}
.i_blogmarks
//-->
</style>

这段代码在页面的HTML中工作，如下所示：

<div class=i_blinklist></div>

当我像这样把它添加到javascript中时，它不起作用：

sites[0] = new Array('http://blinklist.com/index.php?Action=Blink/addblink.php&Url={url}', 'Blinklist',  '<div class=i_blinklist></div>');

以下是可能影响它的脚本的主要工作方式：

function swgbookmarks()
{
    for(i = 0; i < sites.length; i++)
    {
        var g = sites[i];
        var u = g[0];
        u = u.replace('{url}', escape(window.location.href));
        u = u.replace('{title}', escape(window.document.title));
        var img = (imagepath == '0') ? '' : '<img src="'+g[2]+'" alt="'+g[1]+'" />&nbsp; ';
        var k = '<a href="'+u+'">'+img+g[1]+'</a>&nbsp;';
        window.document.write(html_before+k+html_after);                
    }
}

任何想法或帮助都将不胜感激。

谢谢。

更新：

我一直在玩这个，终于成功了：o）

以下是我所做的更改。

社交书签和图片JS代码：

sites[0] = new Array('http://blinklist.com/index.php?Action=Blink/addblink.php&Url={url}', 'Blinklist',  'socialsprite social blinklist');

以下是脚本基础上的JS代码：

function swgbookmarks()
{
    for(i = 0; i < sites.length; i++)
    {
        var g = sites[i];
        var u = g[0];
        u = u.replace('{url}', escape(window.location.href));
        u = u.replace('{title}', escape(window.document.title));
        var img = (imagepath == '0') ? '' : '<img src="transparent1x1.gif" class="'+g[2]+'" alt="'+g[1]+'" />&nbsp; ';
        var k = '<a href="'+u+'">'+img+g[1]+'</a>&nbsp;';
        window.document.write(html_before+k+html_after);                
    }
}

这是CSS样式表代码：

<style type="text/css">
<!--
.socialsprite {background:url(img_socialsprites.jpg);}
    .social {height:22px;}
    .social {width:22px;}
        /* Social Images */
.blinklist {background-position:0px 0px;}
.blogmarks {background-position:0px -22px;}

这似乎奏效了。

我现在有这个工作。

请参阅底部的主要文章更新。

我在那里写了更新，因为网站在几个小时内不允许我发布自己的答案，我不想浪费任何人的时间。

谢谢你的建设性意见，他们帮了我很多忙。