目标:
四张图片,点击出现随机折扣。
再点击,出现第二条随机折扣消息。
且前一条信息消失。
第一步
用CSS布局
布局完毕,用display:none隐藏放置文字的div。
第二步
给图片添加点击事件
$("#box img").click(function(){};
第三步
再给图片添加点击出现文字DIV效果
$(“img”).next("#wen").show();
$(this).siblings(’#wen’).show();
前者:
点击,出来四个DIV文字,但需要是对应的一个DIV文字。
后者:
解决了问题,点击一个,对应了相应的文字DIV。
第四步
点击第一个显,点第二个,一消失,DIV循环。
在SHOW前面添加,$("#wen").hide();
问题:
第一个DIV文字有效果,后面没有