`
whitesmith
  • 浏览: 16890 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

淡入浅出广告

阅读更多
<body>
    <ul>
        <li id="l1"><img src="../../images/1.gif" alt="" /></li>
        <li id="l2"><img src="../../images/2.gif" alt="" /></li>
        <li id="l3"><img src="../../images/3.gif" alt="" /></li>
        <li id="l4"><img src="../../images/4.gif" alt="" /></li>
    </ul>
    <a href="javascript:show(1)" id="a1">1</a>&nbsp;
    <a href="javascript:show(2)" id="a2">2</a>&nbsp;
    <a href="javascript:show(3)" id="a3">3</a>&nbsp;
    <a href="javascript:show(4)" id="a4">4</a>&nbsp;
   
</body>

    <script type="text/javascript">
        function show(j){

            for(i=1;i<=4;i++){
                if(j==i){$('#a'+j).css("color","red");$('#l'+j).fadeIn(500);}
                else{$('#a'+i).css("color","black");$('#l'+i).css("display","none");}
            }
       
           
        }
    </script>

    <script src="../../js/Common/jq.js" type="text/javascript"></script>
    <style type="text/css">
    a{ color:Black}
    ul,li,img{ margin:0; padding:0; border:0; list-style:none}
    ul{ display:block; width:120px; height:120px; overflow:hidden}
    ul li{ display:none; width:120px; height:120px}
    #l1{ display:block}
    #a1{ color:Red}
    </style>

jq1.4
分享到:
评论

相关推荐

    js滚动淡入浅出的效果

    在本主题中,“js滚动淡入浅出的效果”是指利用JavaScript技术实现的一种网页滚动时元素逐渐显现的视觉特效。这种效果通常通过调整元素的透明度或高度来实现,给用户带来平滑、自然的浏览体验。 1. **JavaScript...

    “淡入浅出”效果的简单实现.doc

    了解到,“淡入浅出”效果实际上是对图像透明度的控制,这一效果在图形处理中非常常见。在DOS时期,由于系统限制,我们可以通过直接操作显存中的色彩寄存器来实现这种效果。然而,随着Windows系统的普及,这种方法...

    div+css+js图片切换(淡入浅出效果)

    div+css+js图片切换(淡入浅出效果)

    css网页广告淡入淡出

    在网页设计中,为了吸引用户的注意力并提供良好的用户体验,经常使用动态效果,如广告的淡入淡出。这种效果能够使网页看起来更加生动且专业,同时避免过于突兀的广告切换给用户带来不适。"css网页广告淡入淡出"是...

    完美仿新浪微博大厅动态向下滚动jQuery版,淡入浅出效果

    仿新浪微博大厅动态向下滚动jQuery版,淡入浅出效果 注意:请使用最新的jquery包,否则可能在非IE浏览器下出现显示BUG,最新版可到Jquery官网 www.jquery.com下载

    jQuery淡入淡出焦点图广告轮播插件

    **jQuery淡入淡出焦点图广告轮播插件详解** 在网页设计中,吸引用户注意力并展示重要信息的一种常见方式是使用广告轮播图。这种交互式的组件通常包含多张图片,通过各种动画效果进行切换,以展示不同的产品或服务。...

    基于SSE4及多核思想淡入淡出电子相册

    **基于SSE4及多核思想淡入淡出电子相册** SSE4(Streaming SIMD Extensions 4)是Intel公司推出的一种向量处理指令集,主要用于增强处理器在处理媒体、图形和加密等任务时的性能。它包含了128位SIMD(单指令多数据...

    js实现图片淡入淡出

    在JavaScript和jQuery的世界里,实现图片的淡入淡出效果是一项常见的需求,尤其在网页动态展示和动画设计中。这个主题主要围绕如何使用jQuery库来创建一个简单的图片切换功能,让图片在显示和隐藏时产生平滑的过渡...

    AudioManager_Unity音频淡入淡出_

    淡入淡出是一种音乐或声音处理技术,它允许音频信号在一段时间内逐渐增加(淡入)或减少(淡出)音量,创造出平滑的听觉过渡。在游戏开发中,这种技术常用于场景切换、音乐更换、角色交互等场合,以避免突然的声音...

    图片淡入淡出效果

    在计算机图形学和网页设计领域,图片淡入淡出效果是一种常见的视觉过渡手法,它能够为用户带来平滑且引人注目的体验。...通过理解这些技术并结合实际项目,你可以创造出更加动态和吸引人的交互界面。

    特效代码:弹出一个淡入淡出的提示框

    在IT行业中,弹出提示框是一种常见的用户交互设计,它能够提供信息反馈或者请求用户的确认。本主题聚焦于实现一个具有淡入淡出效果的提示框,这种效果能为用户提供更为优雅和舒适的视觉体验。下面将详细介绍如何创建...

    c# 源代码可直接运行 实现图片的淡入.淡出.淡入淡出特效

    在C#编程中,实现图片的淡入淡出特效是一个常见的需求,特别是在用户界面设计或者动画效果中。本文将详细讲解如何使用C#来创建图片的淡入淡出效果,并...通过不断的实践和学习,你可以创造出更多富有创意的视觉效果。

    jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

    在给出的示例代码中,我们看到一个HTML文档结构,包含一个ID为`container`的`div`元素,内部有一个`h5`标题(class为`head`)和一个`div`内容(class为`content`)。CSS样式被用来设置基本的布局和外观,例如居中、...

    Axure实现淡入淡出效果

    Axure是一款广泛应用于原型设计的工具,它以其丰富的交互组件和便捷的操作性深受产品设计师喜爱。在描述中提到的“Axure...通过不断地实践和优化,我们可以用Axure创造出更加丰富多样的交互效果,提升产品的用户体验。

    WPF深入浅出书上全部实例源码,非常详细

    **深入浅出WPF:全书实例源码详解** Windows Presentation Foundation(WPF),作为.NET Framework的一部分,是Microsoft推出的一种全新的用户界面框架,用于构建Windows桌面应用程序。它提供了丰富的图形层、数据...

    易语言淡入淡出模块【欢迎下载】

    易语言淡入淡出模块是为程序开发人员提供的一种组件,主要用于实现图形界面元素(如窗口、图片或文本)的平滑过渡效果。在编程中,这种效果通常用于增加用户体验,使得界面变化更加自然和流畅。易语言,作为一款中国...

    flash淡入淡出图片轮换

    在IT领域,特别是网页设计和开发中,"Flash淡入淡出图片轮换"是一种常见的技术,用于制作吸引用户注意力的动态广告或展示模块。这种技术利用Adobe Flash软件创建,可以实现图片之间的平滑过渡,既增加了视觉效果,又...

    C# 图片淡入淡出

    在C#编程中,图片淡入淡出效果是一种常见的视觉过渡技术,通常用于GUI应用程序,如Windows Forms或WPF项目,以实现更平滑的用户体验。这种效果可以在图像的显示和隐藏之间添加一种动态感,使得用户界面更加吸引人。...

    SecretTextView-使TextView具有淡入淡出效果.zip

    应用Secret 中的效果实现的文字淡入淡出的效果,不同的文字淡入淡出的效果、速度是不同的。项目地址:https://github.com/matthewrkula/SecretTextView效果图:如何使用SecretTextView继承了android.widget.TextView...

    滚动文字淡入淡出.rar

    滚动文字淡入淡出是一种常见的视觉效果,常用于网站、应用程序和多媒体展示中,为文本信息的呈现增加动态感和吸引力。...在实际开发中,结合使用这些技术可以创建出更加丰富多样的滚动文字效果,提升用户体验。

Global site tag (gtag.js) - Google Analytics