日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

可打开可关闭的选项卡,单纯无污染,改改样式就能用

發布時間:2025/4/14 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 可打开可关闭的选项卡,单纯无污染,改改样式就能用 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>選項卡</title>
<link rel="stylesheet" href="">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>

<style type="text/css" media="screen">
.colora{
color: #f00;
}
.tabsshow{
display: block;
}
</style>
<body>

<button type="button" class="btnAdd">添加</button>
<ul class="title">

</ul>
<ul class="tabs">

</ul>
<script type="text/javascript">
$('.btnAdd').click(function(event) {
var len = $('.title li').length;
var math = Date.parse(new Date()) + Math.random();
if( len < 10){
$('.title li.remove').removeClass('colora');
$('.tabs li.mremove').css('display','none');
$('.title').append('<li class="remove colora" lang="'+math+'">選項'+math+'<span>×</span></li>');
$('.tabs').append('<li class="mremove tabsshow" lang="'+math+'">內容'+math+'</li>');

}
});
$(document).on('click','.remove span',function(){
var atr = $(this).parent('li').attr('lang');
if($(this).parent('li').hasClass('colora')){
$(this).parent('li').remove();
$('.remove:last-child').addClass('colora');
$('.tabs li').each(function(){
if($(this).attr('lang') == atr){
$(this).remove();
var num = $('.tabs li').length - 1;
console.log(num);
$('.tabs li').eq(num).addClass('tabsshow').css('display','block');
}
})
}else{
$(this).parent('li').remove();
$('.tabs li').each(function(){
if($(this).attr('lang') == atr){
$(this).remove();
}
})
}

})
$(document).on('click','.remove',function(){
var atr = $(this).attr('lang');
$('.title li.remove').removeClass('colora');
$(this).addClass('colora');
$('.tabs li').each(function(){
if($(this).attr('lang') == atr){
$('.tabs li.mremove').css('display','none');
$(this).css('display','block');
}
})
})
</script>

</body>
</html>

轉載于:https://www.cnblogs.com/branton-design/p/8030646.html

總結

以上是生活随笔為你收集整理的可打开可关闭的选项卡,单纯无污染,改改样式就能用的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 杨幂一区二区三区免费看视频 | 中国美女洗澡免费看网站 | 91玖玖| 成人日b视频 | 91亚洲欧美 | 污的视频在线观看 | 欧美性xxxxx极品娇小 | 淫视频在线观看 | 国产精品不卡在线观看 | jizz中国少妇 | 三级在线看中文字幕完整版 | 精品动漫一区 | 免费三片在线播放 | 亚洲av无码不卡一区二区三区 | 中国在线观看免费视频 | 亚洲h片 | 欧美综合精品 | 国产精品无码专区av在线播放 | 免费看操片 | 成人av网站免费 | 亚洲男人第一天堂 | 国产成a人亚洲精v品无码 | 日本免费网站在线观看 | 亚洲欧洲精品一区二区 | 亚洲视频精品在线观看 | 天天射天天色天天干 | 尤物视频最新网址 | 50度灰在线| www.黄色在线 | 特黄一级大片 | 白石茉莉奈番号 | 九九综合九九 | av在线专区| 97伦伦午夜电影理伦片 | 精品二区视频 | 777精品久无码人妻蜜桃 | 91色噜噜 | 男女啪啪免费网站 | 国产乱码精品1区2区3区 | 欧美日韩亚洲二区 | 国产探花一区二区 | 国产黄色网 | 亚洲 国产 欧美 日韩 | 91av小视频 | 久久国产精品视频 | 久草精品在线 | 久久青娱乐| 日韩色图视频 | 久久国产网站 | 少妇一级淫免费播放 | 性色av免费 | 久久久久久久久久久97 | 欧美亚洲少妇 | av小说在线观看 | 强公把我次次高潮hd | 国产欧美一区二区三区鸳鸯浴 | 欧美视频不卡 | 亚洲av无码国产综合专区 | 国产最新在线视频 | 农村村妇真实偷人视频 | 岳睡了我中文字幕日本 | 床戏高潮做进去大尺度视频 | 98视频在线 | 欧美91av| 操女人的逼逼 | 麻豆影视在线 | 东方成人av | 黄色免费在线视频 | 潘金莲一级淫片aaaaaaa | 欧美怡红院视频一区二区三区 | 中文字幕一区二区三区在线不卡 | 日韩成人精品一区二区三区 | 国产另类精品 | 手机在线永久免费观看av片 | 毛片免费全部无码播放 | 久久av喷吹av高潮av萌白 | 精品国产一区二区三区性色 | 精品国产区一区二 | 男女av| 精品一区二区久久久久久按摩 | 99热这里只有精 | 免费成人高清 | 国产精品免费av一区二区三区 | 亚洲砖区免费 | 香蕉视频性 | 色哟哟在线观看视频 | 不卡国产视频 | 亚洲人妻一区二区 | 97精品人妻一区二区三区 | 男女免费网站 | 国产绿帽一区二区三区 | 女厕厕露p撒尿八个少妇 | 天天干影院 | 综合久久91 | 天堂亚洲 | 日本a在线观看 | 天天干天天操天天干 | 国产精品一区二区无线 | 国产欲妇 |