当前位置:编程学习 > C#/ASP.NET >>

jquery获取的问题,,,急求解大神啊

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>点击测试</title>


    <script src="js/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
  
  $(document).ready(function(){

  
  //第一步:循环显示28张图片
    var d="";
   
    for(var i=1;i<=28;i++)
    {
      d+="image/a.jpg"+",";
     
    }
    var c = new Array();
    c=d.split(',');
    var str="";
     
    for(var j=0;j<c.length-1;j++)
    {
    var num=Math.floor(Math.random()*27+1);
    str+="<div id="+j+" class='divwaiwei'><img src="+c[j]+" class='image_w' alt='点击我'/>    <div class='divnum'"+j+"><span id='"+j+"' class='dianji'>"+num+"</span></div><br/><br/></div>";
    }
    document.getElementById("cccc").innerHTML=str;
     })
     
     
     //第二步:点击某一张图片,1,该张图片旋转180度,2,图片变为b.jpg 3.显示数字(一开始数字被隐藏了,样式divnum设置了隐藏)
     //功能:点击到第三张图片的时候,alert("第一张数字是"+num1+"第二张数字是"+num2+"第三张数字是"+num3)
     
     //我这样写,怎么都获取不到。。。。求解大神
     $(".image_w").click(function(){
    
       
     })
      
  </script>

    <style  type="text/css">
        
        .divwaiwei{ float:left;}
        .image_w{ width:100px; height:100px}
        .divnum{margin-top:-80px; padding-left:20px;  font-weight:bold; font-size:48px;  display:none;}
    </style>
   
</head>
<body>
    <form id="form1" runat="server">
   <div id="cccc"  >
    
     </div>
    </form>
</body>
</html>
--------------------编程问答-------------------- 没人啊???? --------------------编程问答--------------------
        $(document).ready(function() {
            //第一步:循环显示28张图片
            var d = "";
            for (var i = 1; i <= 28; i++) {
                d += "image/a.jpg" + ",";
            }
            var c = new Array();
            c = d.split(',');
            var str = "";
            for (var j = 0; j < c.length - 1; j++) {
                var num = Math.floor(Math.random() * 27 + 1);
                str += "<div id=" + j + " class='divwaiwei'><img src=" + c[j] + " class='image_w' alt='点击我'/>    <div class='divnum'" + j + "><span id='" + j + "' class='dianji'>" + num + "</span></div><br/><br/></div>";
            }
            document.getElementById("cccc").innerHTML = str;

            //放到这里,因为2个加载的时间不一样,所以导致了那个问题
            $(".image_w").click(function() {
                alert(1210);
            })
        })
--------------------编程问答-------------------- 图片旋转我做出来了,但是,现在要这样的效果,怎么搞??

一把只能点击两张图片,点击某一张图片,显示1-27的随机数,然后,点击到第二张图片的时候,弹出:第一个数字是X,第二个数字是X

完整代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
    <script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>

    
<SCRIPT  type="text/javascript">
var wdmax=120; 
var wdmin=0; 
var inc=5; 
var rate = 20; 
var pause = 1000; 
var ff="flip";
function flipflop() {
if (ff=="flip") {
    var wd = pic.width;
wd = wd - inc;
pic.width=wd;
if (wd==wdmin) {
pic.src="image/b.png"; inc=-inc;
}
if (wd==wdmax) {
ff="flop";
inc=-inc;
}
else {
setTimeout("flipflop()",rate);
}
}
else {
var ht = pic.height;
if (ht==wdmin) {
pic.src="image/b.png";

}
}


//这里,,一次只能点击两张图片,点击某一张图片,显示1-27的随机数,然后,点击到第二张图片的时候,弹出:第一个数字是,第二个数字是
$(document).ready(function () {
    $("img").click(function () {
        flipflop();
        var num = Math.floor(Math.random() * 27 + 1);
        $("span").text(num);
        $(".divnum").fadeIn(5000);
        $(this).attr("disabled", "true");
    })

});
</SCRIPT>

<style type="text/css">
#theimage { padding:2px; border:#ccc 2px solid; width:480px; height:460px; margin:0px auto;}
th{ width:120px; height:120px;}
.aaa{ width:120px; height:120px}
.divnum{margin-top:-90px;  font-weight:bold; font-size:68px; display:none;}

</style>

</head>



<body >


<table border="0">
<th >

<img src="image/a.jpg" width="120" height="120" id="pic" >

<div   class="divnum">  
   <span></span>
</div>

<img src="image/a.jpg" width="120" height="120" id="Img1" >

<div   class="divnum">  
   <span></span>
</div>
<img src="image/a.jpg" width="120" height="120" id="Img2" >

<div   class="divnum">  
   <span></span>
</div>

<img src="image/a.jpg" width="120" height="120" id="Img2" >

<div   class="divnum">  
   <span></span>
</div>
</th></table>

</body>
</html>

补充:.NET技术 ,  .NET Framework
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,