マウスホバーを実装してHTMLのAタグのコンテンツを表示する方法

php中世界最好的语言
リリース: 2018-02-11 11:00:31
オリジナル
6542 人が閲覧しました

今回は、HTMLでAタグの内容を表示するマウスホバーを実装する方法を説明します。HTMLでAタグの内容を表示するマウスホバーを実装するための注意事項は何ですか。見てみましょう。

オブジェクト上にマウスを置いたときのプロンプトコンテンツ(title

attributecontent)の行折り返し書式設定方法、htmlタイトル行の折り返し方法のまとめ。 HTMLのtitle属性はデフォルトで1行表示されますが、行を折り返すにはどうしたらよいでしょうか? ここでは、みんなで共有して使用できるように、DIVCSS5が2つの行を折り返す方法をまとめて紹介します。
1. タイトル内容を直接改行します
タイトル内容を直接入力する場合は、「Enter」を押してタイトル内容を折り返します。

<a href=&#39;http://www.PHP.cn&#39; target=&#39;_ablank&#39; 
title=&#39;标 题:DIVCSS5 
作 者:DIVCSS5 
更新时间:2013-05-17 
推荐等级:无 
关键字:title换行 
分页方式:不分页 
阅读等级:普通&#39;>html title属性换行</a>
ログイン後にコピー

2. HTML タイトル行の折り返しを使用します。コード

改行を折り返すコードは2つあり、どちらも実現可能です
htmlタグタイトルの内容を表示時に折り返すコードです。 1. 改行コードは次のとおりです:
「 」および「 」のスペル:
& (および記号、キーボードの数字キー 7) + # (ポンド記号) ) + 10 (アラビア数字の 10) + ; (小文字のセミコロン)
" " スペル:
& (および記号、キーボードの数字キー 7 と &) + # (ポンド記号) + 13 (アラビア数字の 13) + ; (小文字のセミコロン)
上記の数値入力は半角モードで入力する必要があります。使用する場合は、改行が必要な箇所の改行記号コードの種類(グループ)を選択するだけです。
2. サンプル コードは次のとおりです:

<a href="http://www.jb51.net" 
title="第一排&#10;第二排&#10;第三排">title换行1</a> 
<a href="http://www.jb51.net" 
title="说明一&#13;说明二&#13;说明三">title换行2</a> 
<!-- html注释: 这里为了截图完整,对代码进行换行 -->
ログイン後にコピー

これらの事例を読んだ後は、方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTML で CSS を参照する方法とは何ですか


ベースタグの使用方法


トリガーメソッドを使用して、クリックせずにファイル選択ダイアログボックスをポップアップする方法ファイルタイプ入力

以上がマウスホバーを実装してHTMLのAタグのコンテンツを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート