Highlight Ads for few seconds

时间:2011-04-30 作者:user4695

我在WordPress网站的侧边栏上找到了一个广告列表。有没有可能突出显示一个广告,也就是说,让它在几秒钟内变大?我想让每个广告一个接一个地突出显示。现在我正在使用max广告横幅来获取旋转广告,但我不想再进行旋转了。

谢谢

2 个回复
SO网友:xLRDxREVENGEx

如果你想增加尺寸,你需要添加两张图片,如果你从网站上获得一些广告,给你带来收入,那么这将是非常困难的,因为你不能从他们那里两次调用相同的广告来获得更大的图像。

Please do not take this next statement as an attack it is just some preference/opinion i have learned from hosting sites.

<我要说的一件事是,为了让广告更大而制作广告的周期对观众来说是一件非常令人头疼的事。如果你把广告放在正确的位置,人们会看到广告的大小,但让广告变大几秒钟,然后恢复正常,转到下一个广告,这有点令人讨厌,即使你只让它转一圈,而不是转一圈

SO网友:Geert

稍微玩弄一下CSS转换和变换。它只在Webkit(Safari、Chrome)中工作,尚未完成。不过,你可能会喜欢这个主意。

http://jsfiddle.net/Jv3tm/1/

HTML:

<ul id="ads">
    <li><a href="#"><img src="http://dummyimage.com/200x100/0f0/000&text=ad1"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/200x100/f0f/000&text=ad2"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/200x100/06f/000&text=ad3"></a></li>
</ul>
CSS:

#ads li { margin:1em; text-align:center; }
#ads img { -webkit-transition:-webkit-transform 0.5s linear; }
JavaScript:

$(document).ready(function() {
    $(\'#ads img\').each(function(i) {
        $(this).css({
            \'-webkit-transition-delay\': (i/2) + \'s\'
            ,\'-webkit-transform\': \'scale(1.2)\'
        });
    });
});
@xLRDxREVENGEx:同意你的观点,认为这是令人讨厌的行为。

结束

相关推荐

Downloads manager plugin

我们正在寻找一个插件,该插件允许用户在管理UI中上传文件,对它们进行分类,然后在带有边栏小部件的页面上输出一个很好的分类列表,以显示新的下载。我们花了很长时间在google上搜索,结果不多。这一个说它应该做我们想做的,但没有。http://wordpress.org/extend/plugins/downloads-manager/有什么建议吗?