
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()
})
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)