<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>滑动门</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="http://c1.neweggimages.com.cn/WebResources/2009/Default/Css/frame091107.css" />
</head>
<body>
<div class="tabContainer">
<ul class="tabHead" id="tabCot_product-li-currentBtn-">
<li class="currentBtn"><a href="javascript:void(0)" title="产品描述">产品描述</a></li>
<li><a href="javascript:void(0)" title="规格参数">规格参数</a></li>
</ul>
</div>
<div id="tabCot_product_1" >
111111111111111
</div>
<div id="tabCot_product_2" style="display: none;">
22222222222222
</div>
<div class="noprint">
<script type="text/javascript" language="jscript">
function tab(o, s, cb, ev){//tab切换类
var $ = function(o){return document.getElementById(o)};
var css = o.split((s||'_'));
if(css.length!=4)return;
this.event = ev || 'onmouseover';
o = $(o);
if(o){
this.ITEM = [];
o.id = css[0];
var item = o.getElementsByTagName(css[1]);
var j=1;
for(var i=0;i<item.length;i++){
if(item[i].className.indexOf(css[2])>=0 || item[i].className.indexOf(css[3])>=0){
if(item[i].className == css[2])o['cur'] = item[i];
item[i].callBack = cb||function(){};
item[i]['css'] = css;
item[i]['link'] = o;
this.ITEM[j] = item[i];
item[i]['Index'] = j++;
item[i][this.event] = this.ACTIVE;
}
}
return o;
}
}
tab.prototype = {
ACTIVE:function(){
var $ = function(o){return document.getElementById(o)};
this['link']['cur'].className = this['css'][3];
this.className = this['css'][2];
try{
$(this['link']['id']+'_'+this['link']['cur']['Index']).style.display = 'none';
$(this['link']['id']+'_'+this['Index']).style.display = 'block';
}catch(e){}
this.callBack.call(this);
this['link']['cur'] = this;
}
}
new tab('tabCot_product-li-currentBtn-', '-');
</script>
</div>
</body>
</html>追问
谢谢阁下的帮助，我运行了这个代码看了看，里面的“1111111111”和“22222222”能不能创建连接呢？ 该如何做？ 谢谢。
本回答被提问者采纳div+css怎样实现鼠标移上去出现这样的样式
首先你要把代码写好，百左边是1级目录列表，度右边是2级目录列表，然后2级目录最大的知div用display:none先隐藏起来，道用hover。当鼠标经过1级目录时，给2级目录最回大的div添加display:block属性答让它显示出来。
css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存，在浏览器中打开index.html。效果如图。鼠标移入移出div时，div的样式改变...
如何实现鼠标移到div标签上就显示p标签中的内容?
通过css伪类中的“hover”来实现。1、新建html文件，在body标签中添加一个div标签，div标签里面嵌套一个p标签，然后添加p标签内容，这里以“演示文本”为例：2、在head标签中添加style标签，然后在style标签中给p标签设置预先显示样式，预先是先不显示的，所以给p标签设置的属性代码是“p {display: none...
CSS DIV 怎么做出来鼠标移动上就显示其内容?
用css伪类hover可以实现这个功能。1、新建html文档，在body标签中添加一个div标签，然后在div标签中添加p标签，为p标签添加内容：2、为了方便演示，给div标签设置宽高和背景颜色，然后给p标签设置“display”属性，属性值为“none”，这样p标签中的文字默认情况下不会显示：3、给div设置hover伪类，当鼠标...
DIV+CSS的问题,将图片作为链接,如何实现点击之后点击处变成另一张图片...
你现在的效果应该是鼠标移上去之后会变成另外一张图片。使用的是CSS的伪类，a:link {color: #FF0000}\/* 未访问的链接 *\/ a:visited {color: #00FF00}\/* 已访问的链接 *\/ a:hover {color: #FF00FF}\/* 鼠标移动到链接上 *\/ a:active {color: #0000FF}\/* 选定的链接 *\/ 提示：在 ...
css鼠标放着显示介绍怎么操作css中鼠标放上去显示
1、方法一，利用html特性，每个标签都有一个title属性。当鼠标hover在该标签内容上时，浏览器展示出该标签的title内容，让鼠标移走，内容消失，如下：p{height:100px;width:100px;background-color:aqua;}文字内容文字内容2、方法二，利用css的伪类hover，以及显示隐藏属性display，来实现如下：.continer{...
div+css 鼠标移到图片上显示文字内容?
1、首先输入：<!DOCTYPE html> <html> <head> <meta charset="utf-8" \/> <title>鼠标悬停图片上显示文字 在线演示 www.divcss5.com<\/title> <style> img{border:0}\/* css 注释说明：设置图片边框为0 *\/ body{behavior:url("csshover.htc");text-align:center;}\/* css注释说明：兼容ie6...
CSS+DIV鼠标放到文字上,原本带箭头的鼠标变成手状的形状,求代码,我...
在CSS中有一个cursor方法可以改变鼠标指针状态图标，我们可以利用这个方法来达到移动指针到h1标签上的时候鼠标指针变成小手的状态效果。如下代码：以上例子中cursor的值pointer表示小手状态，cursor的属性的值有以下类型，不同值可以实现不同的指针效果。
在html5页面中,一个div或者图片,鼠标移动上去的时候变大,移出的时候又...
一：通过css样式中的 ":hover"实现，代码如下 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document<\/title><style>div{background:red;width:200px;height:200px;}div:hover{background:red;width:500px;height:500px;}<\/style><\/head><body><div>变大<\/div><\/...
html div+css 像视频,图片下有文字显示的代码怎么写
还有一种是鼠标移动到图片上，会有灰色底色白色文字冒出来，鼠标移走后，文字消失的 这种可以用onmouseover时间定义一个函数，当鼠标移到图片上时 那个文字的div中display:block;移走后display:none
