Javascript实现单击"更多"链接弹出菜单选项

最新推荐文章于 2024-05-03 11:47:20 发布

qtvb1987

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量690

点赞数

文章标签： javascript function border

<html>
<head>
<script language="javascript">
var $ = function(i) {
    return document.getElementById(i)
};
function moreshow() {
    var e = $('morelist');
    if (e.style.display != 'block') {
        e.style.display = 'block';
    } else {
        e.style.display = 'none';
    }
    return false
};
function moreddhide(e) {
    if (!e) var e = window.event;
    if (e.srcElement) {
        var a = e.srcElement.getAttribute("id")
    } else {
        var a = e.target.getAttribute("id")
    }
    if (a != "more") {
        $('morelist').style.display = 'none'
    }
};
document.onclick = moreddhide;
</SCRIPT>
</head>
<body>
<a href="Javascript:" id="more" onclick="moreshow();">更多</a>
<ul id="morelist" style="border:1px solid #3366CC;list-style:none;width:50px;display:none;margin:0px;">
<li><a href="http://www.newxing.com/Code/">源码</a></li>
<li><a href="http://www.newxing.com/Tech/">教程</a></li>
<li>22222</li>
<li>333333</li>
<li>444444</li>
</ul>
</body>
</html>

优惠劵

qtvb1987

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript实现单击"更多"链接弹出菜单选项

<br /><html><br /><head><br /><script language="javascript"><br />var $ = function(i) {<br /> returndocument.getElementById(i)<br />};<br />function moreshow() {<br /> var e = $('morelist');<br /> if (e.style.display != 'block') {<br /> e.s
复制链接

扫一扫