台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>网站设计_Css样式>>实现图片加载效果,加载完则效果消失
做网站JS特效
 
网站建设疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机微网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 网站设计_Css样式 > 实现图片加载效果,加载完则效果消失

实现图片加载效果,加载完则效果消失

4278次浏览
2012-05-09

我们是从事台州网站设计的,在网站制作过程中我们常常会想做一种图片加载中的效果,其实该效果还是比较好实现的,现在本站就将此
方法发布出来,您还在被这种效果的实现所困捞吗?希望能帮到你

很简单就是在Css样式里定义,下面为实例

<li class="loadpc"><a href="http://www.52-life.net">台州网络公司</a></li>

<style>
.loadpc{background:#FFF url(images/loading.gif) center center no-repeat}
</style>

关键代码:

background:#FFF url(images/loading.gif) center center no-repeat

然后将loading.gif传至images目录中即可


页面所在本站地址: http://www.52-life.net/N_Img_loading.htm
上一篇 >>解决网站制作中遇到的浏览器不兼容
下一篇 >>CSS 文本缩进