Question

我正在构建一个包含多个样式链接的网页，如下所示：

<a class="green" href="green.htm">Link is green and becomes blue on mouse over</a>

<a class="red" href="red.htm">Link is red and becomes yellow on mouse over</a>

然后我有我的css类：

a.green {   color: green; }
a.green:hover { color: blue; }


a.red {       color: red; }
a.red:hover { color: yellow; }

但是我想要在Colorbox中打开 green.htm 和 red.htm ...显然我不能再使用类了，因为我需要它们链接着色。

如何在同一页面上获得不同的样式链接，并且仍然让它们使用colorbox？

更新：我已经使用onclick事件来启动彩盒效果。

<a class="green" onclick="$.colorbox({innerWidth:500, innerHeight:300, href:'green.htm'});">Link is green and becomes blue on mouse over</a>

它不是很漂亮，但直到有一天我会采用更清洁的方式来做事我猜。

Answer 1

尝试：

<element class="red">
    all content of red.htm
</element>
<element class="green">
    all content of green.htm
</element>

如何在同一页面上获得不同的样式链接并仍使用colorbox？

1 个答案: