2012-08-31 95 views

回答

0

首先,如果这是jQuery,你必须使用.click,就像许多人说的那样。 和#alpha不是类这是一个ID 我已经改变了你的CSS,脚本和HTML浏览: http://jsfiddle.net/7nF2t/89/

<div id="alpha" class="alpha"> 
    <iframe id="iframe" src="http://time.is"></iframe> 
</div> 
<div id="click"><br></div>​ 

<script> 
$(document).ready(function() { 
    $('#click').click(function(){ 
     alert('yes'); 
     $('#alpha').removeClass('alpha').addClass('alphas'); 
    }); 
}); 
</script>​ 

#click { 
    z-index:2; 
    margin-top:-200px; 
    height:200px; 
    width:200px; 
    background-color:#888; 
    opacity:0.48; 
    filter:alpha(opacity=48); 
} 
.alpha { 
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
     -o-transition: all 0.3s ease-out; 
      transition: all 0.3s ease-out; 

    -moz-transform:scale(0.25); 
    -moz-transform-origin:0 0; 
    -o-transform:scale(0.25); 
    -o-transform-origin:0 0; 
    -webkit-transform:scale(0.25); 
    -webkit-transform-origin:0 0 
} 

.alphas { 
    opacity:0.38; 
    filter:alpha(opacity=38); 

    -webkit-transform: scale(1.5); 
     -moz-transform: scale(1.5); 
     -ms-transform: scale(1.5); 
     -o-transform: scale(1.5); 
      transform: scale(1.5); 
} 

​ 
+0

你怎么知道alpha不是一个id?谢谢btw [编辑]哦,脚本功能,当然!谢谢! – user1609382

+0

对不起,我不明白。无论如何,你可以给样式在CSS中的ID,但它仍然是一个ID而不是一个className。和你给任何HTML元素(比如body或DIV等)的样式一样。 – Gustonez

0

你在你的jsfiddle使用.onclick,使用.click来代替。

The demo.

+0

感谢它现在的回应;是否有可能通过点击进行转换? – user1609382

1

您需要将您的活动,例如之前以确保文件已准备就绪:

$(document).ready(function() { 
    $('#click').click(function() { alert('yes'); } 
}); 

Damnd,没有看到jsfiddle。 xdazz是对的。