滑动门,简洁,新手上路制作篇 (小鸽子系列)

论坛 › 期权论坛 › 脚本

 nimin  2020-12-19 18:41  16  0

以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢;
兼容IE7;FF;IE6
代码更简洁,更易读;

<meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <title>&#9618; 恋婷滑动门技术</title>     <div class="w936">     <div class="tb_" id="tb_">             <ul>                 <li class="hovertab" id="tb_1" onmouseover="x:HoverLi(1);">                 流行音乐</li>                 <li class="normaltab" id="tb_2" onmouseover="i:HoverLi(2);">                 美女写真</li>                 <li class="normaltab" id="tb_3" onmouseover="a:HoverLi(3);">                 平面设计</li>                 <li class="normaltab" id="tb_4" onmouseover="o:HoverLi(4);">                 网络学堂</li>                 <li class="normaltab" id="tb_5" onmouseover="g:HoverLi(5);">                 恋爱宝典</li>                 <li class="normaltab" id="tb_6" onmouseover="z:HoverLi(6);">                 Q小鸽子</li>             </ul>     </div>     <div class="ctt">         <div class="dis" id="tbc_01">流行音乐 的内容</div>         <div class="undis" id="tbc_02">美女写真 的内容</div>         <div class="undis" id="tbc_03">平面设计 的内容</div>         <div class="undis" id="tbc_04">网络学堂 的内容</div>         <div class="undis" id="tbc_05">恋爱宝典 的内容</div>         <div class="undis" id="tbc_06"><b>[Q小鸽子] 的内容</b><img alt="中国最Q小鸽子" src="https://beijingoptbbs.oss-cn-hangzhou.aliyuncs.com/jb/2426819-2c5b99d5931c4781eceb49c0189547a3.GIF">         </div>     </div> </div> <hr author="http://xiaogezi.cn" noshade size="1" style="color:#064ca1;margin-top:30px;">

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

回复

分享到 :

0 人收藏

16级独孤

积分:1012780

帖子:202556

精华:0

+ 关注私信

期权论坛

期权论坛

期权网络科技版权所有: 关于我们; 联系我们; 加入我们; 反馈问题; 免责声明; 积分充值

统一社会信用代码: 积分规则; 网站地图; 爱文库; 下属网站

官方: 新浪微博; 微信公众号
◆

下载: 表情包; App下载

期权论坛

期权论坛

QQ咨询|关于我们|Archiver|手机版|小黑屋|( 辽ICP备15012455号-4 ) Powered by 期权论坛 X3.2 © 2001-2016 期权工具网&期权论坛 Inc.