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