首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

新手,求懂得css和js的

2012-07-01 
新手,求懂得css和js的高手进$(function () {$(.sangetu img).click(function () {//debugger$(this).par

新手,求懂得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"));                }            })        }) 

热点排行