1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js实现div层缓慢收缩与展开办法【javascript】

js实现div层缓慢收缩与展开办法【javascript】

时间:2020-01-30 13:21:51

相关推荐

js实现div层缓慢收缩与展开办法【javascript】

web前端|js教程

js,div层,缓慢收缩,展开

web前端-js教程

delphi 进度条 源码,vscode配置sml,ubuntu mex,tomcat共享类,sqlite3 数据存储,dedecms 推广插件,后台用前端框架好还是不用,桌面很小的爬虫叫什么,php 类的重载,武汉seo推广策划,微信 网站界面 模板,asp网页修改,手机版论坛模板lzw

这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错。不受内容约束,收缩与展开的速度是可以控制的,高度、循环时间也可以改。

兼职网站源码,ubuntu怎么使用教程,爬虫多变量图,php:size,seo_26lzw

层收缩var mh = 30;//高度var step = 1;//每次变化的量var ms = 10;//循环时间function toggle(o){ if (!o.tid)o.tid = "_" + Math.random() * 100; if (!window.toggler)window.toggler = {}; if (!window.toggler[o.tid]){ window.toggler[o.tid]={ obj:o, maxHeight:o.offsetHeight, minHeight:mh, timer:null, action:1 }; } o.style.height = o.offsetHeight + "px"; if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer); window.toggler[o.tid].action *= -1; window.toggler[o.tid].timer = setTimeout("anim(\"+o.tid+")",ms );}function anim(id){ var t = window.toggler[id]; var o = window.toggler[id].obj; if (t.action < 0){ if (o.offsetHeight = t.maxHeight){ clearTimeout(t.timer); return; } } o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px"; window.toggler[id].timer = setTimeout("anim(\"+id+")",ms );}div.xx{ border:solid 1px;overflow:hidden;}div.xx h5{ border:solid 1px;border-width:0 0 1px; padding:0;margin:0;height:28px; line-height:30px;cursor:pointer; background:#eee;}

点击此处层伸缩

Tomat6.0的配置视频教学,AVI电影格式,相当清淅了,比起图文版的教学更贴切,不会配置Tomcat的网友,你可不要错过哦,由于视频抓图挺麻烦的,试了多次还是抓了一个不太清淅的,大家将就吧。

算命web 源码,局域网下ubuntu,tomcat8.5版本,python爬虫课程心得,php入门到精通课程251讲,nuxt的seolzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。