Html 怎么通过function一次性建立多个div标签选项卡?

Html 怎么通过function一次性建立多个div标签选项卡?,第1张

通过js 类似这样

function insert(){

var insertText = "<div>a</div><div>b</div><div>c</div><div>d</div><div>e</div>"

document.getElementById("insert").innerHTML(insertText)

}

要一定的js基础,至少要看得出来这段代码是插入到id为insert的html标签里的意思。

也可以用jquery,差别不大,代码也简洁不了多少。

最后,选项卡是css里面定义的样式,选项卡就自己去找吧

body部分

<div class="lanrenzhijia">

<div class="tab">

<a href="javascript:" class="on">js特效</a>

<a href="javascript:">flash素材</a>

<a href="javascript:">亚当学院</a>

<a href="javascript:">在线客服代码</a>

</div>

<div class="content">

<ul>

<li style="display:block">js特效内容</li>

<li>flash素材内容</li>

<li>亚当学院内容</li>

<li>在线客服代码内容</li>

</ul>

</div>

</div>

代码部分

$(function(){

$(".lanrenzhijia .tab a").mouseover(function(){

$(this).addClass('on').siblings().removeClass('on')

var index = $(this).index()

number = index

$('.lanrenzhijia .content li').hide()

$('.lanrenzhijia .content li:eq('+index+')').show()

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zaji/7274778.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存