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