Magento中添加TAB效果
来源:互联网 发布:男生发型 知乎 编辑:程序博客网 时间:2024/05/01 00:13
最开始我在Magento添加JavaScript TAB效果是山寨的一个Magento自带的一个JavaScript写的.
今天朋友给我一段代码.简单了很多.
而且兼容IE6,7,FF等.
<script type="text/javascript" language="javascript">
//<!CDATA[
function g(o){return document.getElementById(o);}
function HoverLi(n){
//如果有N个标签,就将i<=N;
for(var i=1;i<=3;i++)
{
g('tb_'+i).className='tm2';
g('tbc_0'+i).style.display='none';
}
g('tbc_0'+n).style.display='block';
g('tb_'+n).className='tm1';
}
</script>
<style type="text/css">
#MenuUl li{ float:left; margin-right:8px;
}
#toptab{ background-image:url(images/tab_bg.jpg);}
.tm2 {
background-image:url(../images/t2.jpg);
width:100px;
height:24px;
padding-top:3px;
cursor:hand;
}
.tm1 {
cursor:hand;
color:#015071;
background-image:url(../images/t1.jpg);
width:100px;
height:24px;
padding-top:3px;
}
</style>
<div id="ind_container">
<div id="ind_main_index">
<div id="ind_news">
<div style="</div>">
<div onMouseOver="x:HoverLi(1);" id="tb_1" class="tm1"><strong>新闻动态</strong></div>
<div onMouseOver="x:HoverLi(2);" id="tb_2" class="tm2" style="margin-left: 4px;"><strong>业内新闻</strong></div>
<div onMouseOver="x:HoverLi(3);" id="tb_3" class="tm2" style="margin-left: 4px;"><strong>业内新闻</strong></div>
</div>
<div id="tbc_01" style="display: block;">
2222222222222222222
</div>
<div style="display: none;" id="tbc_02">
11111111111111111111
</div>
<div style="display: none;" id="tbc_03">
3333333333333
</div>
- Magento中添加TAB效果
- 在magento产品内页添加tab
- 添加Tab页切换效果
- Magento分类中添加产品
- 在DNN站点中加上Tabs效果,并实现在tab中添加模块
- Layout中添加tab标签
- python中添加tab模块
- Magento模块中添加计划任务Cron Job【magento二次开发】
- 在Magento中添加一种费用
- magento:在controller中添加breadcrumbs
- Magento中目录添加自定义属性代码
- 在fragment中实现仿tab效果
- 扩展easyUI tab控件,添加加载遮罩效果
- 扩展easyUI tab控件,添加加载遮罩效果
- 扩展easyUI tab控件添加加载遮罩效果
- MFC中添加控件后TAB顺序
- 图片添加滤镜效果,99中效果
- IPHONE 模板块、Magento 使用Api将Sku添加到Url中 /Magento Free template iphone
- 手机刷系统
- DataGridView实现添加合计行并始终显示在底部
- 毕业五年决定你的命运
- 逐步求精
- 从51初学者到电子工程师1
- Magento中添加TAB效果
- 好文转载:函数对象
- 打印备份
- 使用Javascript实现广告鱼的效果
- 单片机应用产品设计经验---抗干扰篇2
- Windows消息机制和多线程
- struts的html标签和html中的标签有什么区别
- 我想你,但并不想打扰你
- 本周有事(虚竹)