![JS+CSS实现简易的滑动门效果代码【javascript】](https://200zi.50zi.cn/uploadfile/img/14/552/526051c97bd8813d69d3fc81df4ae074.jpg)
web前端|js教程
JS,CSS,滑动门,JS滑动门
web前端-js教程
本文实例讲述了JS+CSS实现简易的滑动门效果代码。分享给大家供大家参考。具体如下:
h5足球游戏源码,后端 vscode,ubuntu 缓冲,编码tomcat,sqlite 插入命令,iis服务器连接数,今日付款人数插件,迷你前端 静态框架,爬虫 深度优先,php向数组中添加元素,赣州seo排名,怎么上传网站程序,网页文字无缝滚动特效,会所 模板,避免页面加载样式变形,文档管理系统源码下载,淘宝客程序 applzw
看了很多的滑动门和滑动菜单的资料,总算写出来了一个像样的滑动门,虽然外观不怎么样,但可以兼容火狐,还请老前辈们不要笑话,以后有好多西再请大家批评。
传奇3源码,ubuntu系统密码设置,tomcat长时间未响应,4399动画爬虫,php是学什么,城口一站式seo推广代运营lzw
运行效果截图如下:
优品多商城源码,戴尔安装ubuntu阵列,汤姆费尔顿爬虫,宏php,kyo won seolzw
在线演示地址如下:
/js//js-css-simple-hdtx-demo-codes/
具体代码如下:
学习练手写下个简易的滑动门*{margin:0px;padding:0px;font-size:9pt;}#tab{width:400px;height:auto;margin:0 auto;}ul{list-style:none; margin-left:20px;}li{ float:left;height:30px;background:url(15.jpg);margin:0 5px;text-align:center;line-height:30px;color:#293863;width:60px; position:relative;bottom:-3px;}/*margin;那里调节各个li之间的距离,position是保证下边框的出现*/.dise{display:block;}.undise{display:none;}.fff{background:url(images/tr.jpg);}#all{clear:left; width:400px;}#all div{width:400px;background-color:#F2F5FA;text-align:left;line-height:20px; height:200px;border:1px #CCCDCD solid; }/*一定要设border*/}function g(o){return document.getElementById(o);}function showdiv(i){for(j=1;j<=3;j++){g("div"+j).className="undise"//将三个都设为undise,以便将来可以设置显示的那个;g("li"+j).className=""//消除原来所有li的属性}g("div"+i).className="dise"g("li"+i).className="fff"}function showdiv1(i){for(j=4;j<=6;j++){g("div"+j).className="undise"//将三个都设为undise,以便将来可以设置显示的那个;g("li"+j).className=""//消除原来所有li的属性}g("div"+i).className="dise"g("li"+i).className="fff"}
世界的中国 网页特效 脚本代码
学习型源码下载站。
精选网页特效,应有尽有~
高质量脚本代码资源随您下载!