5

Google Chrome の Inspect Element を使用して、このテンプレート Web サイトのスライドショーの下にあるスライドショー コントローラー ボタンのサイズを制御しているものを特定しています。

http://themefuse.com/demo/html/Medica/index-slider-2.html

「Cardiology」ボタンの上で「Inspect Element」をクリックすると、HTML コードに次の行が表示されます。

<li style="width: 192px; overflow: hidden;"><a href="#" rel="1" class="">Cardiology</a></li>

しかし、ページのソースコードを表示すると、そのような行はありません! ボタンのサイズとその中のテキストを編集したいので、これは私にとって問題です。

助けてください！ありがとう！

4

2 に答える 2

6

「ソースコード」はブラウザがサーバーから受け取ったものです。JavaScript で変更できます。「Inspect Element」は常にドキュメントの現在の形状を表示します。

編集: 繰り返しになりますが、物事が複雑でない場合もあります。ソースコードで見つけたものを見てください：

<li>
    <div class="textHolder">
    <h3>Cardiology</h3>
    <p><span><strong><a href="#">Cardiac Rehabilitation Center</a></strong> We helped Glade Inc. design their latest fragrance for household perfumes </span></p>
    </div>
    <img src="images/temp/slider_img_01.jpg" alt="" /> 
</li>

その後、JS によってさらに変更されます。

于 2013-08-15T01:24:50.390 に答える
1

このリストは JS によって生成されます。js/playSlider.js335行目から確認してください。

于 2013-08-15T01:30:42.187 に答える