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

サンプル1


<!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>
サンプル1の1    
</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>
サンプル1の2    
</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>
サンプル1の3    
</body>
</html>

サンプル2


<!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>
サンプル2の1    
</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>
サンプル2の2    
</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>
サンプル2の3    
</body>
</html>


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



 最終更新日:2021.3.3