2013-05-22 77 views
0

我有我的网站,其主页的索引html页面。 在索引html中我有一个按钮,并通过点击它我想要打开一个弹出窗体,我有索引html中包含此弹出窗口的js文件和css文件。打开js通过点击一个按钮弹出

我只是不能打开这个动画弹出通过点击输入类型按钮.. 任何人都可以帮助我吗?

the clouds js: 

     $(function() 
{ 
    // Register Smart skin. 
    $.speedoPopup.registerSmartSkin('clouds', function (overlay, container) 
    { 
     // We don't want to brake anything if there is no overlay. 
     if (!overlay) 
     { 
      return ; 
     } 

     if ($.speedoPopup.browser_ie && $.speedoPopup.browser_ie< 9) 
     { 
      return; 
     } 

     var clouds = '<div class="cloud x1"></div><div class="cloud x2"></div><div class="cloud x3"></div><div class="cloud x4"></div><div class="cloud x5"></div>'; 

     overlay.append(clouds); 
    }); 
}); 

指数的html:head标签

<link type='text/css' href='clouds/clouds.css' rel='stylesheet' media='screen' /> 
<script type='text/javascript' src='clouds/clouds.js'></script> 

和下面的按钮:

<div> 
<input type='button' name='clouds' value='Clouds'/> 
</div> 
+0

有你在你的文件的''包括jQuery的一个div?另外,尝试在jsfiddle中设置你的问题。 – zik

+0

是的..这是我写的.. clouds.js包括抬头 – shmnsw

回答

0

你必须调用上点击

让我们给你扣一个id对话

<div> 
<input id="btnDialog" type='button' name='clouds' value='Clouds'/> 
</div> 

现在创建要在对话框

<div id="divContentToPopup"> 
    ...content here... 
</div> 

显示现在你必须在它钩click事件

$('#btnDialog').click(function() 
{ 
    $(this).speedoPopup(
    { 
     width:550, 
     height:265, 
     useFrame: TRUE, 
     href: '#divContentToPopup' 
    }); 
}); 
+0

好吧,我明白了。点击事件代码应该在我的js文件中或作为html页面中的脚本? – shmnsw

+0

您想放置点击处理程序的位置由您决定...现在将其保留在脚本标记的页面中 –