`
yunmoxue
  • 浏览: 288451 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

层的切换

    博客分类:
  • ajax
 
阅读更多
<html>
 <head>
 <title>层切换</title>
 <script language="javascript">
 function initial(){
  document.getElementById('haha').style.display="block";
  document.getElementById('heihei').style.display="none";
  document.getElementById("hehe").style.display="none";
 }
 function chehe(){
  document.getElementById("hehe").style.display="block";
  document.getElementById("haha").style.display="none";
  document.getElementById("heihei").style.display="none";
 }
 function cheihei(){
 document.getElementById("heihei").style.display="block";
 document.getElementById("haha").style.display="none";
 document.getElementById("hehe").style.display="none";
 }
 </script>
 </head>
 <body onLoad="initial()">
<ul>
<li><a href="#" onMouseOver="initial()">王</a></li>
<li><a href="#" onmouseover="cheihei()">飞</a></li>
<li><a href="#" onmouseover="chehe()">乔</a></li>
</ul>
<br>
<div id="haha">祝福俺王飞乔</div>
<div id="heihei">永远开心快乐</div>
<div id="hehe">天天都有好心情</div>
 </body>
</html>


送给我失恋的三侄女.- - 虽然代码效果很简陋...0 0
分享到:
评论

相关推荐

    简单的层切换代码.rar

    在IT行业中,层切换是一种常见的编程技术,尤其在前端开发中,用于实现用户界面的动态交互。例如,网页上的各种面板、模态框或者菜单层级的切换,都是通过这种技术来实现的。"简单的层切换代码"这个压缩包可能包含了...

    图片层叠切换动画

    8. **遮罩切换**:利用半透明遮罩层覆盖图片,改变遮罩形状或位置来实现切换。 9. **网格切换**:将图片分割成网格,逐个单元格变换,形成独特的视觉效果。 10. **路径切换**:图片沿着预设路径移动,如圆周、螺旋等...

    CSS3 3D图片层叠切换动画

    今天给大家分享一个很不错的CSS3 3D样式的图片层叠切换动画,当鼠标滑过图片后,该图片会被旋转至当前窗口突出显示,其他图片则藏在它的后面,呈现3D立体的视觉效果。更重要的是,鼠标滑过时图片切换十分流畅,用户...

    网页层切换导航菜单效果

    从给定的网页代码片段和描述中,我们可以深入探讨网页层切换导航菜单效果的实现原理,这是一种类似于Ajax异步刷新的交互方式,旨在提供更流畅的用户体验,避免页面的完全重载。 ### 网页层切换导航菜单效果概述 在...

    jquery图片倾斜层叠切换代码.zip

    在前端开发中,图片的展示方式多种多样,其中图片倾斜层叠切换是一种独特且吸引人的效果,能够增加网站的交互性和视觉吸引力。本压缩包"jquery图片倾斜层叠切换代码.zip"提供了一种使用jQuery、CSS和HTML5实现这种...

    gsap.js图片层叠切换代码.zip

    在本项目中,"gsap.js图片层叠切换代码.zip"是一个包含JavaScript和CSS特效的压缩包,主要用于实现网页上的图片层叠切换效果。这个效果是网页设计中一种常见的动态展示方式,它能够吸引用户的注意力并提升用户体验。...

    WiMAX跨层切换技术的研究与仿真

    ### WiMAX跨层切换技术的研究与仿真 #### 一、WiMAX技术概述 WiMAX(Worldwide Interoperability for Microwave Access)是一种基于IEEE 802.16标准的宽带无线接入城域网(Broadband Wireless Access Metropolitan...

    html5实现3D页面层叠切换效果.zip

    在这个3D层叠切换效果中,可能用到了`&lt;div&gt;`元素来创建可操作的卡片或层,通过CSS和JavaScript实现3D变换。 CSS(层叠样式表)在这里起着关键作用,特别是3D转换和过渡效果。CSS3的`transform`属性允许我们对元素...

    网页层切换代码div js

    此为html中常见的层切换代码.希望对大家有帮助

    电信设备-基于眼睛控制显示层切换的方法和移动终端.zip

    《电信设备:基于眼睛控制显示层切换的方法与移动终端》 在现代科技发展的浪潮中,人机交互方式不断创新,从传统的按键操作到触屏滑动,再到语音识别,现在我们正逐渐迈向更为直观且自然的眼球追踪技术。本文将深入...

    cadence allegro skill 切换显示层

    本文将深入探讨如何利用Cadence Allegro Skill来切换显示层。 首先,理解Allegro的层系统是至关重要的。Allegro支持多层设计,包括导电层、隔离层、丝印层等,每层都有其特定的用途。在设计过程中,设计师可能需要...

    网络游戏-移动IP中实现网络层切换的方法.zip

    下面我们将详细探讨移动IP中实现网络层切换的方法及其对网络游戏的影响。 1. **移动IP基本原理**: 移动IP的核心思想是将设备的IP地址与物理位置解耦,通过引入家乡代理(Home Agent, HA)和外地代理(Foreign ...

    14款CSS3图片层叠切换动画

    之前刚分享过一款jQuery层叠式翻页焦点图插件...现在的这款CSS3图片层叠切换动画更加强大,拥有14种不同的图片切换动画,而且动画效果更加炫酷。这14种动画,每一种都有一点差异,你可以根据自己的需要来选择一种即可。

    网页层切换效果_TAB效果大全

    网页层切换效果_TAB效果大全,利用javascript和css让页面的tab进行切换包括鼠标经过,点击等

    JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换

    JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS...

    div层完美切换代码

    下面将详细讲解三种实现`div`层切换的方法,并探讨如何利用这些原理来创建更出色的界面。 ### 1. CSS(层叠样式表)切换 CSS 是控制网页样式的核心工具,通过改变`display`属性,我们可以实现`div`层的显示与隐藏...

    javascript实现的多个层切换效果通用函数实例

    JavaScript实现的多个层切换效果通用函数的原理和应用 在现代网页设计中,层切换效果是常见的交云动态效果之一。它通过程序控制页面中不同层(或称为div)的显示与隐藏,使得用户可以更加直观地与页面内容互动。在...

    js特效制作层切换,动态时钟

    js动态效果制作,层切换,动态时钟,树型菜单等等

    jQuery图片弹出层切换代码

    在这个“jQuery图片弹出层切换代码”中,我们主要关注的是如何使用jQuery结合fancybox js插件来实现一个功能丰富的图片展示功能。 Fancybox是一个轻量级的JavaScript和CSS框架,用于创建优雅的弹出层,它可以展示...

    jQuery图片弹出层切换代码.zip

    在本文中,我们将深入探讨如何使用jQuery实现图片弹出层的切换效果,这是一种常见的前端交互设计,用于在用户点击某个元素后,以弹出层的形式展示图片,并支持在多张图片间进行切换。jQuery库因其简洁易用的API,...

Global site tag (gtag.js) - Google Analytics