-专注于互联网、网络技术、网络工程、网络营销SEO、搜索引擎、社会化网络、IT技术、网络编程、网络安全、服务器管理、网站开发、移动互联网软件应用等领域的原创IT科技博客,欢迎喜欢互联网的朋友一起交流!

如何使用花生壳实现动态ip解析,局域网内路由器端口映射设置

注册花生壳,申请域名这些就不说了,服务器搭建也不说了,主要是目前主流路由器如何进行端口映射?下面给出方法及原理分析

点击此处现在说明文档

js实现选中的目录改变样式(如背景颜色)

js实现选中的目录改变样式(如背景颜色)即当前点击的目录加上一个特定的样式,当点击其他目录是,则将该样式从该目录移除并加到被点击的新目录上。

如图a,b,c三个网页

其中a.html代码如下:

 .current{
  background:blue;
  color:#fff;
}
 
<div >
                     <ul id="menu">
                    <li><a href="#">a</a></li> 
                    <li><a href="b.html">b</a></li>
                    <li><a href="c.html">c</a></li>
                    </ul>
                    </div>aaaaaaaaaa
<script type="text/javascript">
 
function InitMenu(){
    var _menu = document.getElementById("menu").getElementsByTagName("li");
    var _page =window.location.pathname;
    if(_page=='/'){_menu[0].className='current';return}
    for(i=0;i<_menu.length;i++)
    {
        if(_menu[i].getElementsByTagName("a")[0].href.indexOf(_page)!=-1){_menu[i].className='current';break;}
    }
}
InitMenu();
</script>

b.html和c.htmlcss样式和js都不变,html部分改变如下

 <div >
                     <ul id="menu">
                    <li><a href="a.html">a</a></li> 
                    <li><a href="b.html">b</a></li>
                    <li><a href="c.html">c</a></li>
                    </ul>
                    </div>bbbbbbbbbbbbbb

 这样就可以实现js实现选中的目录改变样式。

效果图:

«1»
搜索
网站分类
最近发表
文章归档

技术支持TTF的家园

Copyright www.ttfde.org. All Rights Reserved.站点统计 Design by TTF的家园