1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用p标签创建一个区域,下面将在p标签内添加一个a标签。
3、在test.html文件内,设置p标签的id为mytest,主要用于下再通过该id获得p标签对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“添加一个a标签”。
5、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行addaa()函数。
6、在js标签中,创建addaa()函数,在函数内,创建一个变量html保存要添加的a标签,再使用append()方法向被选对象(p标签)内添加一个a标签。
在css中加上下面代码就可以了
a:link,a:visited{color:#ffffff}当然最好定义这个导航的Class的连接样式。比如你的这个导航条写是 class="dh",就写
.dh a:link,.dh a:visited{color:#ffffff}把需要变换的背景写成class,如.bgcolor{background:#444}a标签最好放在一个容器里面,如一个div,暂且用id标识它123单击a标签的时候把这个class添加到a标签上面去就行了,当然,为了美观,a标签里面还可以嵌套其它标签$("#tita").click(function{e.preventDefault()//阻止a标签的默认事件$(this).addClass("bgcolor")//为当前标签添加bgcolor类$(this).siblings().removeClass("bgcolor")//移除当前元素的同级元素的bgcolor类})上面的代码都是手打的,可能有误,在编辑器里面应该由提示吧。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)