<!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="">
<SCRIPT LANGUAGE="JavaScript">
<!--
/**
* 折叠或展开文件夹显示
* @param {object}oLnk 链接对象
* @param {string}sId 折叠或者展开的id
* @return {void}
*/
function showhidediv(id){
try{
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}catch(e){}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE border="2">
<TR>
<TD>
<div onclick='showhidediv("toggle");'>最新日志1</div>
<div id="toggle" style="display:none;">
111111111111111111
</div>
<div onclick='showhidediv("toggle2");'>最新日志2</div>
<div id="toggle2" style="display:none;">
222222222222222<BR>
test<BR>
test
</div>
<div onclick='showhidediv("toggle3");'>最新日志3</div>
<div id="toggle3" style="display:none;">
33333333333333333333333
</div>
</TD>
<TD>
other ffffffffffffffffffff
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<!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="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function cll(id){
if(id==1){
eval("yes.style.display=\"\";");
eval("no.style.display=\"none\";");}
else{
eval("no.style.display=\"\";");
eval("yes.style.display=\"none\";");}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<select onchange="cll(this.value)">
<option value="1">是</option>
<option value="2">否</option>
</select>
<div id="yes">
<table name="table1">
This is table1.
</table>
</div>
<div id="no">
<table name="table2">
This is table2.
</table>
</div>
</BODY>
</HTML>
分享到：
相关推荐
在本主题“CSS+div分类”中，我们将深入探讨如何利用CSS和div来实现灵活多样的分类布局，特别是左右两侧的分类展示。 首先，让我们了解`div`元素。`div`是HTML中的一个块级元素，它允许我们将页面内容进行分组，并...
标题“css_div_灯箱效果”指的是在网页设计中利用CSS和HTML实现一种模拟灯箱效果的技术。灯箱效果通常是指在网页上点击一个图片或链接后，该图片会在当前页面中央放大显示，并且背景会变暗，形成类似在暗室中观看...
本实例重点讲解如何利用 jQuery 和 CSS 技术实现在鼠标经过（hover）某个div元素时，动态切换显示的内容。下面我们将深入探讨这个主题。 首先，我们来理解 `div` 和 `CSS` 的基本概念。`div` 是HTML中的一个通用...
接下来，我们需要用CSS来设置这两个div的样式。"hover-div"通常需要一些吸引人的设计，比如背景色或边框，以便用户注意到它。"info-div"则需要设置初始隐藏状态，以便在鼠标未悬停时不可见： ```css #hover-div { ...
以下是一些`div+css`共用的属性及其详细解释： 1. `font-size`: 这个属性用于设置字体大小，如`.small`设置了最小字体为9px，`.large`设置了最大字体为18px。 2. `margin`: 定义元素周围的外边距，如`.small`和`....
总之，“Jquery+div+css鼠标经过下拉菜单”是一个利用jQuery的事件处理和CSS的样式控制，实现用户交互效果的实例。通过理解这些技术，开发者可以创建更丰富、更具吸引力的网页界面，提升用户体验。
### div+css的导航条脚本代码解析 #### 一、引言 在网页设计中，导航栏是非常重要的组成部分之一，它不仅提升了用户体验，还帮助用户快速定位到所需信息。div+css组合创建的导航栏因其灵活性高、样式美观而备受青睐...
在网页设计中，`DIV+CSS`是一种常见的布局方式，它能够使页面结构清晰，样式独立，便于维护。然而，由于不同的浏览器对于CSS规范的实现存在差异，尤其是IE6、IE7和Firefox等，这就导致了浏览器兼容性问题。解决这些...
根据给定文件的信息，本文将围绕“js+div+css弹出层”的实现方法进行详细介绍。弹出层在网页设计中十分常见，主要用于提供额外的信息展示或者操作界面，如登录框、注册框、提示信息等。 ### 一、基本概念 #### 1.1...
标题中的“图片自动轮播用li做上下控制柄div+css+jquery”指的是一个使用HTML、CSS和jQuery实现的图片轮播效果，其中利用`<li>`元素作为控制按钮，`<div>`作为轮播容器，并通过CSS进行样式设计，jQuery进行动态交互...
### DIV+CSS浏览器兼容方法的总结 在网页开发过程中，我们经常会遇到不同浏览器对CSS的支持程度不一的问题，特别是对于一些老旧的浏览器如IE6、IE7等，它们与现代浏览器（如Firefox、Chrome）之间的差异更为显著。...
【标题】"DIV+CSS JavaScript代码购物网页(贵美)"所涉及的知识点主要集中在网页设计与开发领域，尤其是前端技术的运用。这个项目利用了三种核心技术：HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript，来...
- `show()`和`hide()`: 显示或隐藏`div`。 - `fadeIn()`和`fadeOut()`: 实现淡入淡出效果。 - `slideToggle()`: 滑动显示或隐藏`div`。 - `append()`和`prepend()`: 在`div`内部添加或预加载内容。 - `event ...
创建一个弹出div层窗口的关键在于利用jQuery的`show()`、`hide()`、`fadeIn()`、`fadeOut()`等方法来控制div的可见性，同时通过CSS来定义其样式，如边框、填充、背景色等。以下是一个简单的示例： ```html <div id=...
- **hidediv()**: 将`#show`元素的`display`属性设置为`none`，隐藏菜单。 ```javascript function showdiv() { document.getElementById("show").style.display = ""; } function hidediv() { document....
### 纯div+css制作的弹出菜单详解 #### 一、概述 在Web开发领域，使用div+css布局已成为网页设计的标准方法之一。它不仅能够提高网页的可访问性和可维护性，还能实现更加丰富的视觉效果。本文将详细介绍一个纯div+...
例如，可以使用`.hide()`和`.show()`方法来隐藏和显示div，或者使用`.toggleClass()`来切换类名，从而改变div的显示状态。 3. **响应式设计**：为了确保在不同设备和屏幕尺寸上都能良好运行，左右切换div的内容应该...
弹出层通常通过JavaScript或jQuery库实现，例如使用`show()`和`hide()`方法来控制`div`的可见性。在ASP.NET中，我们可以通过结合服务器端代码和客户端脚本来实现这一功能。当用户触发某个事件（如点击按钮或链接）时...
3. **显示/隐藏（Show/Hide）**：当用户点击按钮时，JavaScript会改变 `div` 的CSS属性，比如 `display`，使其从不可见变为可见，或者反之。 4. **可拖动（Draggable）**：为了让 `div` 可以被拖动，我们需要利用...
此外，为了兼容旧版IE，可能需要使用jQuery的`.show()`和`.hide()`方法，或者使用条件注释加载不同的CSS和JavaScript代码。 总的来说，div模拟下拉列表是一种通过HTML、CSS和JavaScript实现的自定义控件，它提供了...