免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1068 | 回复: 0

js图片轮换效果 [复制链接]

论坛徽章:
0
发表于 2009-09-10 16:06 |显示全部楼层

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
HTML>
HEAD>
TITLE> New Document /TITLE>
META NAME="Generator" CONTENT="EditPlus">
META NAME="Author" CONTENT="">
META NAME="Keywords" CONTENT="">
META NAME="Description" CONTENT="">
/HEAD>
script language="javascript">
function dgclasslist(prefix,id)
{   
    var elem;     
    for (var i=1; i=5; i++)
    {         
        if (id == i)
        {            
        elem = document.getElementById(prefix+id);
        elem.style.display = '';     
        elem = document.getElementById(prefix+"1"+id);
        elem.style.display = 'none';         
        }         
        else{            
        elem = document.getElementById(prefix+i);            
        elem.style.display = 'none';            
        elem = document.getElementById(prefix+"1"+i);            
        elem.style.display = '';         
        }     
    }
}
/script>
BODY>
div class="bor">
            div class="pad10">div class="cembg">手机屏保下载榜/div>/div>
            div class="cetit">
                strong class="black">本周排行TOP5/strong>
            /div>
            div class="game_phb">
                ul>
               
                DIV onMouseMove="dgclasslist('id',1)" id=id11 >
                    li class="ps_off blue1">
                        img src="http://img.mms.sohu.com/m/msite/send/images/p01.gif" />
                        a href="http://m.sohu.com/send/131/39/131133839.html" target="_blank">搞笑圣诞节/a>
                    /li>
                /DIV>
                DIV id=id1>
                    li class="ps_on">
                        a href="http://m.sohu.com/send/131/39/131133839.html" target="_blank">img src="http://img.mms.sohu.com/mms/3299/39/133839/p4.gif" />/a>
                        h6 class="blue1">
                            strong>1./strong>a href="http://m.sohu.com/send/131/39/131133839.html" target="_blank">搞笑圣诞节/a>
                        /h6>
                        p class="blue1">类别:a href="#" target="_blank">索爱主题/a>/p>
                    div style="clear:both;">/div>
                    /li>
                /DIV>
                 
                DIV onMouseMove="dgclasslist('id',2)" id=id12 >
                    li class="ps_off blue1">
                        img src="http://img.mms.sohu.com/m/msite/send/images/p02.gif" />
                        a href="http://m.sohu.com/send/131/34/131133834.html" target="_blank">狐乐圣诞节/a>
                    /li>
                /DIV>
                DIV id=id2 style="DISPLAY: none">
                    li class="ps_on">
                        a href="http://m.sohu.com/send/131/34/131133834.html" target="_blank">img src="http://img.mms.sohu.com/mms/3299/34/133834/p4.gif" />/a>
                        h6 class="blue1">
                            strong>2./strong>a href="http://m.sohu.com/send/131/34/131133834.html" target="_blank">狐乐圣诞节/a>
                        /h6>
                        p class="blue1">类别:a href="#" target="_blank">索爱主题/a>/p>
                    div style="clear:both;">/div>
                    /li>
                /DIV>
                 
                DIV onMouseMove="dgclasslist('id',3)" id=id13 >
                    li class="ps_off blue1">
                        img src="http://img.mms.sohu.com/m/msite/send/images/p03.gif" />
                        a href="http://m.sohu.com/send/131/19/131139019.html" target="_blank">景色迷人/a>
                    /li>
                /DIV>
                DIV id=id3 style="DISPLAY: none">
                    li class="ps_on">
                        a href="http://m.sohu.com/send/131/19/131139019.html" target="_blank">img src="http://img.mms.sohu.com/mms/3299/19/139019/p4.gif" />/a>
                        h6 class="blue1">
                            strong>3./strong>a href="http://m.sohu.com/send/131/19/131139019.html" target="_blank">景色迷人/a>
                        /h6>
                        p class="blue1">类别:a href="#" target="_blank">索爱主题/a>/p>
                    div style="clear:both;">/div>
                    /li>
                /DIV>
                 
                DIV onMouseMove="dgclasslist('id',4)" id=id14 >
                    li class="ps_off blue1">
                        img src="http://img.mms.sohu.com/m/msite/send/images/p04.gif" />
                        a href="http://m.sohu.com/send/131/63/131139163.html" target="_blank">草莓/a>
                    /li>
                /DIV>
                DIV id=id4 style="DISPLAY: none">
                    li class="ps_on">
                        a href="http://m.sohu.com/send/131/63/131139163.html" target="_blank">img src="http://img.mms.sohu.com/mms/3299/63/139163/p4.gif" />/a>
                        h6 class="blue1">
                            strong>4./strong>a href="http://m.sohu.com/send/131/63/131139163.html" target="_blank">草莓/a>
                        /h6>
                        p class="blue1">类别:a href="#" target="_blank">索爱主题/a>/p>
                    div style="clear:both;">/div>
                    /li>
                /DIV>
                 
                DIV onMouseMove="dgclasslist('id',5)" id=id15 >
                    li class="ps_off blue1">
                        img src="http://img.mms.sohu.com/m/msite/send/images/p05.gif" />
                        a href="http://m.sohu.com/send/131/17/131139617.html" target="_blank">椰子树下/a>
                    /li>
                /DIV>
                DIV id=id5 style="DISPLAY: none">
                    li class="ps_on">
                        a href="http://m.sohu.com/send/131/17/131139617.html" target="_blank">img src="http://img.mms.sohu.com/mms/3299/17/139617/p4.gif" />/a>
                        h6 class="blue1">
                            strong>5./strong>a href="http://m.sohu.com/send/131/17/131139617.html" target="_blank">椰子树下/a>
                        /h6>
                        p class="blue1">类别:a href="#" target="_blank">索爱主题/a>/p>
                    div style="clear:both;">/div>
                    /li>
                /DIV>
                /ul>
            /div>
/BODY>
/HTML>


本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/1184/showart_2049731.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP