这篇文章主要介绍了CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法,设计javascript操作菜单的弹出与关闭的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法。分享给大家供大家参考。具体分析如下:
这里用CSS+JS实现点击文字后动画展开一个DIV层菜单,到期会自动关闭,是CSS结合JS实现的效果。
CSS+JS弹出DIV层 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; }点击这行文字试试!
|
|
|
希望本文所述对大家的javascript程序设计有所帮助。
以上就是CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法的详细内容,更多请关注本站其它相关文章!