今天给一个客户改网站,客户要求做一个效果,像巴倒烫官网那种,就是打开网页时,显示图片,几秒后自动关闭!相信很多站长都想做这种效果,其实这个效果很简单的,就几行代码!
我写上的这个代码是jquery写的,所以需要调用文件<script type="text/javascript" src="jquery-1.8.2.js"></script>
【jquery-1.8.2.js】网上可以下的!
然后加上代码:
<div class="topimg">
<div class="banner" style="display:block;"></div>
<div class="open" style="display:none;"><img src="{dede:global.cfg_templets_skin/}/images/up.png"></div>
<div class="close" style="display: block;"><img src="{dede:global.cfg_templets_skin/}/images/down.png"></div>
</div>
<script type="text/javascript">
//加载页面时,执行函数
$(function(){
setTimeout(function () {//设置时间,好多秒后执行
$(".banner").hide("slow");
},2000);
})
</script>
打开页面时显得是效果

2000秒后显示的效果

如需转载,请注明来源【魅网工作室】
(责任编辑:魅网工作室)
打开页面时显得是效果
2000秒后显示的效果
如需转载,请注明来源【魅网工作室】