jQuery代码在屏幕上有多个/可点击的图形图标

时间:2011-04-07 10:07:20

标签: jquery icons

那里有很多示例代码,但我无法找到任何符合该法案的内容。我应该解释一下,我对jQuery编码相对较新,或者HTML就此而言。

我需要创建代码来显示包含图形内容的多个图标(正方形)。图标需要可点击并捕获点击事件。图标本身应该可以显示在(可能)一个8 x 10图标的不可见网格中,但是当屏幕可调整大小时,如果屏幕尺寸发生变化时它是动态的,那么它将非常方便。单击时图标可能需要更改颜色,我可能需要一个选项以禁用模式显示某些图标。

有没有人遇到任何部分符合此要求的代码? 如果有什么事情可以考虑的话,我会继续寻找,但是会有所帮助。

关心所有人。

杰森

1 个答案:

答案 0 :(得分:0)

<div class="asquare"><img src="/.." /></div>
<div class="asquare"><img src="/.." /></div>
...

$('.asquare').click(function(){
   $(this).css({background-color:'red'});
});

沿着这些方向的东西..?

只需阅读一些基本的jQuery函数,它们都很容易理解:)

http://api.jquery.com/click/

http://api.jquery.com/css/

http://api.jquery.com/animate/

注意:如果您想为颜色设置动画,则需要jQuery UI