联系站长 加入收藏 设为首页 繁體中文 RSS
  首页 | 生活百科 | 电脑网络 | 高手学堂 | 语录名言 | 读书文学 | 极品软件 | 奇趣图片 | 站长微博  
 您的位置: 精品百字节网 >> 电脑网络 >> 网络编程 >> 精品代码 >> 正文 当前没有通告!
   □  图片的各种效果收集大全    3星级
图片的各种效果收集大全
[ 作者:作者不详     来源:互连网     点击数:     更新时间:2006-10-17     文章录入:Admin
【字体:
[内容提要]
暂无简介

给图片增加淡入淡出效果:

第一步:把如下代码加入<body>区域中
<img src="http://my.6to23.com/redriver/helpor/picture/swimming.gif" name="u" border=0
alt="Image" style="filter:alpha(opacity=0)">
<script language="JavaScript">

var b = 1;
var c = true;

function fade(){
if(document.all);

if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}

if(b==10) {
b++;
c = true;
}

if(c == false) {
b--;
}
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",50);
}
</script>


第二步:把<body>区域改为
<body bgcolor="#fef4d9" onLoad="fade()">

仿线性翻转图片效果:

 <STYLE type=text/css>
DIV {FILTER: revealTrans(transition=4,duration=2); VISIBILITY: visible; WIDTH: 760px; POSITION: absolute}
</STYLE>

<body onload=p()>
<DIV id=jx1 onmouseover=s(1) onmouseout=s(0) align=center>
<table width="600" border="0" cellspacing="6" cellpadding="4">
  <tr>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/blueieda.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/flashempire.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/chinavisual.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/macromedia.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/windstudio.gif" width="88" height="31"></td>
  </tr>
</table>
</DIV>
<DIV id=jx2 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0) align=center>
<table width="600" border="0" cellspacing="6" cellpadding="4">
  <tr>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/learnit.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/minethink.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/yy-s.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/coolboysky.gif" width="88" height="31"></td>
  </tr>
</table>
</DIV>
<DIV id=jx3 onmouseover=s(1) style="VISIBILITY: hidden" onmouseout=s(0) align=center>
<table width="600" border="0" cellspacing="6" cellpadding="4">
  <tr>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/jeedan.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/cnjx.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/snowolf21.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/genyi.gif" width="88" height="31"></td>
    <td width="113" align="center"><img src="http://www.it365cn.com/images/logo/17zm.gif" width="88" height="31"></td>
  </tr>
</table>
</DIV>
<SCRIPT>
var jx1=document.getElementById("jx1");var jx2=document.getElementById("jx2");var jx3=document.getElementById("jx3");
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function p()
{

    if(iS==0)
    {
        if(sL==1)
        {
            cs1(jx1,1);
            cs1(jx2,0);
            cs1(jx3,0);
            setTimeout('p()',4000);
        }
        else if(sL==2){
            cs1(jx1,0);
            cs1(jx2,1);
            cs1(jx3,0);
            setTimeout('p()',4000);
        }
        else{
           
            cs1(jx1,0);
            cs1(jx2,0);
            cs1(jx3,1);
            setTimeout('p()',4000);           
        }       
        sL++;
        if(sL==4) sL=1;
    }
    else
        {
         setTimeout('p()',2000);
          }

[1] [2] [3] [4]  下一页

上一篇文章:模仿QQ和MSN消息提示的效果 下一篇文章:链接提示文字的实现
发表评论 □告诉好友 □打印此文 □收藏此页 □关闭窗口 □返回顶部
 最新热点文章
 精品医院类网站网址大收集
 如何删除windows 2003或xp系统隐藏的...
 DedeCms管理员后台登陆经常自动退出的...
 知道IP如何用dos命令查出电脑名称
 WORD出错老是要求以安全模式打开文件...
 如何设置首页不显示页眉页脚?
 如何利用inurl命令查询网站外链及栏目...
 
 最新推荐文章
 精品医院类网站网址大收集
 如何利用宽带路由器控制局域网内电脑上...
 CSS圆角代码的实现方法
 带停顿的单行文字滚动代码
 实用的新网站免费收录提交地址精选
 Left join , Right Join, Inner Join用...
 趣话淘宝网衍生的多种新型职业
 
 最新图文
  ◇  网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)
关于本站 | 免责申明 | 网站地图 | 联系站长 | 友情链接 | 与我同在
冀ICP备06032589号【虚拟化精英群虚拟化精英群续
  Copyright© 2006-2009 100byte.Com All Rights Reserved
网站声明:本网站是公益性质网站,部分内容来源于网络,如有侵犯您权利的地方,请与精品百字节站长联系,尽快修正.
Powered By CreateLive CMS 本站法律顾问:(冀港)武镇海律师
点击这里给我发消息