1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > CSS+JS实现点击文字弹出定时自动关闭DIV层菜单办法【javascript】

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单办法【javascript】

时间:2019-02-27 19:02:24

相关推荐

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单办法【javascript】

web前端|js教程

CSS,JS,点击文字,弹出,自动关闭,DIV层菜单

web前端-js教程

cf终结者无视源码,怎么将vscode设为默认,ubuntu 双 显示器,tomcat清理日志文件,触动 sqlite,网页设计中英文转换的代码,新网数据库管理系统,电子交易平台 服务器 托管 自建,phpcms 分享插件,ja 前端框架,开爬虫电,php 多继承,阳谷seo,springboot 配置推送,织梦新标签栏弹出,建设银行网站源码,phpcms单网页,as3清空模板,电商网站后台管理系统模板,404页面代码源码,督办管理系统源码,88源码程序论坛lzw

这里用CSS+JS实现点击文字后动画展开一个DIV层菜单,到期会自动关闭,是CSS结合JS实现的效果。

秒赞网源码免授权,vscode的怎么画横线,ubuntu使用stdin,tomcat增加80端口,可爱爬虫软件,php 修改数据库内容,芜湖seo优化高性价比的选择,在线一起看电影网站源码,模板安装外观lzw

CSS+JS弹出DIV层var w = 0;var h = 0;var mout;function emotion(){var oMenu = document.getElementById("menu");if(w <= 50){oMenu.style.display = "block";fnLarge();}else{fnSmall();}}function fnLarge(){var oMenu = document.getElementById("menu");if(w 0){w -= 50;h -= 25;oMenu.style.width = w+"px";oMenu.style.height = h+"px";window.setTimeout("fnSmall()",5);}else{oMenu.style.display = "none";}}body{text-align: center;}p{cursor: pointer;margin: 0;padding: 0;font-size: 24px;display: inline;}div a:link, div a:visited{color: #666;text-decoration: none;}div a:hover{color: #FF6600;text-decoration: underline;}div{border: 2px solid #666;background: #fff;margin: 5px auto;overflow: hidden;display: none;padding: 5px 10px;}ul,li{margin: 0;padding: 0;}li{list-style: none;width:70px;}li.title{font-weight: bold;}

点击这行文字试试!

风水源码,vscode打开编辑栏,ubuntu中解压·,查看tomcat其他端口,爬虫定时采集,php 无类型,江苏品牌seo优化价格多少,热剧cms网站源码,微擎模板91lzw

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