highlight.jsにコピー機能を追加し、<pre><code>タグ内のコードを
クリップボードにコーピーする「コピーボタン」を自動生成する
- まとめサンプル jQuery ui タブメニュー編 -

サンプル１


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEST1</title>
</head>
<body>
サンプル１の１    
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEST2</title>
</head>
<body>
サンプル１の２    
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEST3</title>
</head>
<body>
サンプル１の３    
</body>
</html>

サンプル２


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEST1</title>
</head>
<body>
サンプル２の１    
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEST2</title>
</head>
<body>
サンプル２の２    
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEST3</title>
</head>
<body>
サンプル２の３    
</body>
</html>

関連リンク：
まとめサンプル 基本編のサンプルデモを見る｜ まとめサンプル 基本編のサンプルデモを見る-行番号付き｜
まとめサンプル Query ui タグメニュー編のサンプルデモを見る｜ 起動元へ戻る


 最終更新日：2021.3.3