读书人

新手求懂得css和js的

发布时间: 2012-07-01 13:15:00 作者: rapoo

新手,求懂得css和js的高手进
$(function () {

$(".sangetu img").click(function () {
//debugger

$(this).parent().find("img").each(function () {
$(this).attr("src", $(this).attr("src").replace(".jpg", "_s.jpg"));
});
$("#" + $(this).attr("hid")).val($(this).attr("hvalue"));
$(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));
});



<div style="width: 356px; height: 63px;" class="sangetu">

<img src="images/images/A2.jpg" style="width:134px; height::63px; float:left;" />
<img src="images/images/A3_s.jpg" style="width:98px; height:63px; float:left;"/>
<img src="images/images/A4_s.jpg" style="width:124px; height::63px; float:left;" />
</div>


这段代码 我想实现的是一个选择题,图片的切换,请高手们帮看下那地方有错

[解决办法]

JScript code
$(function () {            $("div.sangetu>img").click(function () {                var pattern = /_s.jpg/gi;                var val = $(this).attr("src");                               if (!pattern.test(val)) {                    $("div.sangetu>img").each(function () {                                                $(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));                    })                    $(this).attr("src", val.replace(".jpg", "_s.jpg"));                }                else {                    $("div.sangetu>img").each(function () {                                                $(this).attr("src", $(this).attr("src").replace("_s.jpg", ".jpg"));                    })                    $(this).attr("src", val.replace("_s.jpg", ".jpg"));                }            })        }) 

读书人网 >JavaScript

热点推荐