久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

      <legend id='JXdog'><style id='JXdog'><dir id='JXdog'><q id='JXdog'></q></dir></style></legend>
        <bdo id='JXdog'></bdo><ul id='JXdog'></ul>
      <i id='JXdog'><tr id='JXdog'><dt id='JXdog'><q id='JXdog'><span id='JXdog'><b id='JXdog'><form id='JXdog'><ins id='JXdog'></ins><ul id='JXdog'></ul><sub id='JXdog'></sub></form><legend id='JXdog'></legend><bdo id='JXdog'><pre id='JXdog'><center id='JXdog'></center></pre></bdo></b><th id='JXdog'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='JXdog'><tfoot id='JXdog'></tfoot><dl id='JXdog'><fieldset id='JXdog'></fieldset></dl></div>
    1. <small id='JXdog'></small><noframes id='JXdog'>

    2. <tfoot id='JXdog'></tfoot>
    3. 如何在懸停時更改文本框內容

      How To Change Text Box Content On Hover(如何在懸停時更改文本框內容)
      <legend id='PcvOO'><style id='PcvOO'><dir id='PcvOO'><q id='PcvOO'></q></dir></style></legend>

          <bdo id='PcvOO'></bdo><ul id='PcvOO'></ul>
            <tbody id='PcvOO'></tbody>
        • <i id='PcvOO'><tr id='PcvOO'><dt id='PcvOO'><q id='PcvOO'><span id='PcvOO'><b id='PcvOO'><form id='PcvOO'><ins id='PcvOO'></ins><ul id='PcvOO'></ul><sub id='PcvOO'></sub></form><legend id='PcvOO'></legend><bdo id='PcvOO'><pre id='PcvOO'><center id='PcvOO'></center></pre></bdo></b><th id='PcvOO'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='PcvOO'><tfoot id='PcvOO'></tfoot><dl id='PcvOO'><fieldset id='PcvOO'></fieldset></dl></div>

          <small id='PcvOO'></small><noframes id='PcvOO'>

              <tfoot id='PcvOO'></tfoot>

              • 本文介紹了如何在懸停時更改文本框內容的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

                問題描述

                我無法弄清楚如何根據懸停在哪個鏈接上來更改文本框的內容.我可以讓它與最接近 div 的任何一個一起工作,但其他鏈接似乎沒有效果.但是,我不想在鏈接之間插入文本,也不想創建多個文本框.我的主要目標是讓鏈接始終位于同一個位置,當您將鼠標懸停在它們上方時,下方的文本框將顯示正確的內容.

                I am having trouble trying to figure out how I can make a text box change content depending on what link is being hovered over. I can get it to work with which ever one is closest to the div but the other links seem to have no effect. I do not however want to have text being inserted in between the links nor do I want to create several text boxes. My main goal is to have the links always in the same place and when you hover over them a text box underneath will display the correct content.

                這里有一些代碼和一個 JSFiddle 我放在一起幫助更好地說明我的問題:JSFiddle

                Here is some code and a JSFiddle I threw together to help better illustrate my question: JSFiddle

                HTML:

                <a class="one" href="#">one</a>
                <a class="two" href="#">two</a>
                <a class="three" href="#">three</a>
                
                <div class="element">hello</div>
                

                CSS:

                .element {
                     display: none;
                }
                
                a:hover + .element {
                     display: block;
                }
                

                推薦答案

                您需要以下 HTML 標記:

                You need the follwing HTML mark-up:

                <a href="#" class="a-1">one</a>
                <a href="#"class="a-2">two</a>
                <a href="#"class="a-3">three</a>
                
                <div class="element-1">hello one</div>
                <div class="element-2">hello two</div>
                <div class="element-3">hello three</div>
                

                然后應用以下 CSS:

                and then apply the following CSS:

                .element-1, .element-2, .element-3{
                     display: none;
                }
                .a-1:hover  ~ .element-1 {
                     display: block;
                }
                .a-2:hover  ~ .element-2{
                     display: block;
                }
                .a-3:hover  ~ .element-3 {
                     display: block;
                }
                

                查看演示:http://jsfiddle.net/audetwebdesign/p7WUu/

                CSS 略有重復,但可以正常工作,不需要 JavaScript.

                The CSS is slightly repetitive but it works and no JavaScript required.

                需要兄弟組合符 (~) 來挑選兄弟元素,請參閱參考.

                The sibling combinator (~) is needed to pick out sibling elements, see reference.

                參考:http://www.w3.org/TR/selectors/#兄弟組合器

                這篇關于如何在懸停時更改文本框內容的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

                【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

                相關文檔推薦

                Changing leaflet markercluster icon color, inheriting the rest of the default CSS properties(更改傳單標記群集圖標顏色,繼承其余默認 CSS 屬性)
                How can I change the default loading tile color in LeafletJS?(如何更改 LeafletJS 中的默認加載磁貼顏色?)
                html2canvas captures everything except the content of an inner canvas(html2canvas 捕獲除內部畫布內容之外的所有內容)
                Showing an offline OSM map file. Suggestion: an MB Tiles file with Js.library(顯示離線 OSM 映射文件.建議:一個帶有 Js.library 的 MB Tiles 文件)
                Clicking a leaflet marker takes you to URL(單擊傳單標記會將您帶到 URL)
                How do I show a label beyond a certain zoom level in Leaflet?(如何在 Leaflet 中顯示超出特定縮放級別的標簽?)
                • <bdo id='BGiFy'></bdo><ul id='BGiFy'></ul>

                  <small id='BGiFy'></small><noframes id='BGiFy'>

                  <legend id='BGiFy'><style id='BGiFy'><dir id='BGiFy'><q id='BGiFy'></q></dir></style></legend>
                        <tfoot id='BGiFy'></tfoot>
                          <tbody id='BGiFy'></tbody>

                        1. <i id='BGiFy'><tr id='BGiFy'><dt id='BGiFy'><q id='BGiFy'><span id='BGiFy'><b id='BGiFy'><form id='BGiFy'><ins id='BGiFy'></ins><ul id='BGiFy'></ul><sub id='BGiFy'></sub></form><legend id='BGiFy'></legend><bdo id='BGiFy'><pre id='BGiFy'><center id='BGiFy'></center></pre></bdo></b><th id='BGiFy'></th></span></q></dt></tr></i><div class="qwawimqqmiuu" id='BGiFy'><tfoot id='BGiFy'></tfoot><dl id='BGiFy'><fieldset id='BGiFy'></fieldset></dl></div>
                        2. 主站蜘蛛池模板: 久久久久久精 | 狠狠婷婷综合久久久久久妖精 | 欧美久久久久久久久 | 天天爱爱网 | 九九久久精品 | 亚洲区一区二 | 国产精品一区三区 | 米奇7777狠狠狠狠视频 | 精品欧美一区二区三区久久久 | 一级网站 | 中文字幕亚洲视频 | 精品一区二区免费视频 | 国产成人免费视频网站高清观看视频 | 国产欧美精品 | 欧美久久久久 | 亚洲精品日韩在线 | 欧美日韩久久 | h肉视频| 久久一级大片 | 久久精品成人 | 国产日韩精品在线 | 国产精品久久久久久久久久久久午夜片 | 精品av| 久久国产精99精产国高潮 | 一区二区三区视频 | 亚洲精品国产偷自在线观看 | 精品婷婷| 中文字幕av一区二区三区 | 亚洲情综合五月天 | 久久久精品影院 | 亚洲精品99| 色资源在线观看 | 波多野吉衣久久 | www.一区二区三区 | 日本a视频 | 欧美一区二区三区在线 | 亚洲福利视频一区二区 | 韩国毛片视频 | 伊人春色在线观看 | 国产精品国产三级国产aⅴ入口 | 亚洲福利一区 |