源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera

时间：2021-05-24 11:28 编辑：来源：阅读：
扫一扫，手机访问

摘要：一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera

如果是感应触发.就选onmouseover
如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了]

而如果想在一个页面上有N个滑动门
就复制一套...将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字...当然myTab0_Content0这个亦是要随着变动!

保留自己用

<meta content="text/html; charset=gb2312" http-equiv="Content-Type"></meta> 
我的滑动门

<div align="center" style="padding-left:25px;"> 
 
  <div class="nTab"> 
     
    <div class="TabTitle"> 
      [list] 
        [*]全部[/*] 
        [*]日志[/*] 
        [*]咨询[/*] 
        [*]相册[/*] 
        [*]商城[/*] 
        [*]社区[/*] 
      [/list] 
    </div> 
     
    <div class="TabContent"> 
      <div id="myTab0_Content0"> 000 </div> 
      <div class="none" id="myTab0_Content1">111</div> 
      <div class="none" id="myTab0_Content2">222</div> 
      <div class="none" id="myTab0_Content3">333</div> 
      <div class="none" id="myTab0_Content4">444</div> 
      <div class="none" id="myTab0_Content5">555</div> 
    </div> 
  </div> 
   
   
  <div class="nTab" style="width:288px"> 
     
    <div class="TabTitle"> 
      [list] 
        [*]aaa[/*] 
        [*]bbb[/*] 
        [*]ccc[/*] 
        [*]单击[/*] 
      [/list] 
    </div> 
     
    <div class="TabContent"> 
      <div id="myTab1_Content0"> 000 </div> 
      <div class="none" id="myTab1_Content1"> 111 </div> 
      <div class="none" id="myTab1_Content2"> 222 </div> 
      <div class="none" id="myTab1_Content3"> 333 </div> 
    </div> 
  </div> 
   
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：AJAX 常用函数创建XMLHTTP对象，区别IE，Mozilla浏览器
下一篇：实用的多级树形展开菜单效果代码

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部