优内建站网,专业建站,企业建站,免费建站,智能建站,个人建站!
主营企业建站,seo优化,手机网站,微信网站开发等业务!>> 繁体中文
用户名: 密 码: 验证码:    
企业建站,专业建站,模板建站,智能建站
 您现在的位置:首页 >> 特效代码 >> 详细内容>>        【字体:  】【颜色: 绿

怎么实现栏目随点击变换图片 css鼠标点击项背景图片更改

在百度搜索关于“怎么实现栏目随点击变换图片 css鼠标点击项背景图片更改”的内容

在谷歌搜索关于“怎么实现栏目随点击变换图片 css鼠标点击项背景图片更改”的内容

买空间、服务器就上威客主机网(VK163.COM) 虚拟主机评测+IDC导航=威客主机之家 标志设计
[内容提要] !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3...

作者: 优内科技  来源: 优内科技  驻站日期:2011/7/14 【 加入收藏 】 【 打印此页 】 【 关闭

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#nav {
 PADDING-BOTTOM: 0px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 HEIGHT: 39px;
 PADDING-TOP: 0px;
 background-color:#C00;
}
#nav UL {
 PADDING-BOTTOM: 0px;
 LIST-STYLE-TYPE: none;
 MARGIN: 0px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 PADDING-TOP: 0px;
}
#nav UL LI {
 TEXT-ALIGN: center;
 WIDTH: 106px;
 FLOAT: left;
 HEIGHT: 25px;
 FONT-WEIGHT: bold;
 PADDING-TOP: 14px;
}
#nav UL LI.cum {
 TEXT-ALIGN: center;
 WIDTH: 106px;
 background-color:#FFF;
 border:1px solid #900;
 FLOAT: left;
 HEIGHT: 25px;
 COLOR: #3c0067;
 FONT-WEIGHT: bold;
 PADDING-TOP: 14px
}
#nav UL LI.cum A:link {
 COLOR: #cd0000;
 TEXT-DECORATION: none
}
#nav UL LI.cum A:visited {
 COLOR: #cd0000;
 TEXT-DECORATION: none
}
#nav UL LI.cum A:hover {
 COLOR: #333333;
 TEXT-DECORATION: none
}
body,td,th {
 color: #FFFFFF;
}
a:link {
 color: #FFFFFF;
}
a:visited {
 color: #FFFFFF;
}
a:active {
 color: #FFFFFF;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function changeMc(x,y){
// x是当前显示的层 y是即将显示的层
 document.getElementById(x).style.display = "none"
 document.getElementById(y).style.display = "block"
}
 -->
</script>
</head>
<body>
<DIV id=nav class=main_w>
  <UL id="dataBox1" style="display:block;">
    <LI onclick="javascript:changeMc('dataBox1','dataBox2')" ><A href="#" >代理加盟</A> </LI>
    <LI onclick="javascript:changeMc('dataBox2','dataBox1')" class="cum"><A href="#" >会员中心</A> </LI>
  </UL>
  <UL id="dataBox2" style="display:none;" >
    <LI onclick="javascript:changeMc('dataBox1','dataBox2')" class="cum"><A href="#" >代理加盟</A> </LI>
    <LI onclick="javascript:changeMc('dataBox2','dataBox1')" ><A href="#" >会员中心</A> </LI>
  </UL>
</DIV>
</body>
</html>

添加到QQ书签 百度收藏 订阅到抓虾 添加到鲜果  新浪ViVi  365Key网摘  天极网摘  我摘  和讯网摘  yahoo  收藏到收客网  Digbuzz我挖网  添加到饭否  挖客  添加到google  

   【回到顶部】 【返回文章列表】 编辑:优内科技
⊕ 上一篇:设为首页加入收藏最经典代码
⊕ 下一篇:CSS+JS如何实现鼠标点击背景图片就更换?
  相关新闻
返回首页 | 设为首页 | 添加收藏 | 关于我们 | 联系我们 | 企业文化 | 合作伙伴 | 诚聘英才 | 网站报价 | 企业资质 | 网站地图
邮箱登陆 E- mail:master@cck5.com 点击这里给我发消息 客服专员 QQ:310203268 点击这里给我发消息 技术咨询 QQ:22071287点击这里给我发消息 代理备案 QQ:529631515
丰富的网站建设经验,专业提供网站建设、网站制作、网页设计服务,专业设计,真诚服务,不满意不收费!
Copyright 2008 - 2025 cck5 Inc. All Rights Reserved 优内建站网络科技公司
本站部分资源来自网络,如有侵犯您的版权,请告之,我们将即刻删除!QQ:310203268
主要业务:网站建设企业建站专业建站智能建站SEO优化微信建站手机建站
本站ICP备案号:浙ICP备11019299号 中国电信增值ICP经营许可证
不良信息举报中心 江西网警 信息产业部门备案 企业法人营业执照
 
扫优内微信二维码
“码”上有惊喜