Javascript 创建可扩展广告-无需flash?

Javascript 创建可扩展广告-无需flash?,javascript,html,Javascript,Html,我正在尝试创建无需Flash即可运行的可扩展广告(即在iOS上)。 我是一名前端网页设计师,没有真正的Javascript知识 我找到了一个示例代码,说明如何创建该广告,但它使用flash来激活扩展和收回Javascript功能。 是否可以使用gif/jpg图像创建可扩展广告? 我的意思是一个300x40的移动广告,一次点击就可以扩展到300x400全屏 我非常感谢您在这方面提供的任何帮助。我建议您尝试使用CSS3,然后,正如我想象的那样,作为一名前端网页设计师,您对CSS会更满意 我很确定,在

我正在尝试创建无需Flash即可运行的可扩展广告(即在iOS上)。
我是一名前端网页设计师,没有真正的Javascript知识
我找到了一个示例代码,说明如何创建该广告,但它使用flash来激活扩展和收回Javascript功能。

是否可以使用gif/jpg图像创建可扩展广告?
我的意思是一个300x40的移动广告,一次点击就可以扩展到300x400全屏


我非常感谢您在这方面提供的任何帮助。

我建议您尝试使用CSS3,然后,正如我想象的那样,作为一名前端网页设计师,您对CSS会更满意
我很确定,在大多数移动设备上,悬停等同于轻触

请尝试以下方法:

<style>
.youradvert {
   overflow: hidden;
   width: 300px;
   height: 40px;
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   -o-transition: all 1s;
   transition: all 1s;
}
.youradvert:hover {
   height: 400px;
}
</style>
<script type="text/javascript">
<!--
    function expand(){
        document.getElementById('large_ad').style.display=block;
    }
-->
</script>

<div class="youradvert">
   <img id="small_ad" src="http://example.com/image.jpg" onclick="expand()" alt="" style="width:300px;height:40px;"/>
   <img id="large_ad" src="http://example.com/image.jpg" style="display:none;width:300px;height:400px;" alt=""/>
</div>

这正是我所需要的,而且我更乐于使用css。我只是不确定哪种方法是最好的,谢谢