0

まず、サイトの特定の部分を配置してアニメーション化する JavaScript を作成しました。

例：

<ul>
<li transition="fade" amount="5" thumb="images/thumb1.jpg>
<div class="item rotate"
      width = "18"
      height= "550"
      speed="600"
      start="1100"
      easing="easeOutExpo"><img src="images/cheese.png" alt="Cheese">
<div>

<div class="caption black sfb stb"
      width = "950"
      height= "600"
      speed="600"
      start="1100"
      easing="easeOutExpo">10.99
<div>
</li>

<li transition="cut" amount="15" speed="300" delay="9400" thumb="images/thumb2.jpg>
<div class="item rotate"
      width = "18"
      height= "550"
      speed="600"
      start="1100"
      easing="easeOutExpo"><img src="images/pork.png" alt="Pork">
<div>

<div class="caption white lfl stl"
      width = "950"
      height= "600"
      speed="600"
      start="1100"
      easing="easeOutExpo">15.99
<div>
</li>
</ul>

これをhtmlに配置する代わりに、後でWebサービスを作成するので、これをXMLに配置したいと考えています。

しかし今のところ、javascript を機能させる必要があるため、これらすべてを xml から読み取ることができます。

私が考えていたこと（おそらく私はここで間違った道を進んでいます）は、xmlの次のとおりです

<spot>
 <effect type="fade"></effect>
 <amount>5</amount>
 <thumb>thumb1.jpg</thumb>
   <item ="item rotate">
    <width>18</width>
    <height>550</height>
    <speed>600</speed>
    <start>1100</start>
    <easing>easeOutExpot</easing>
    <img alt="Cheese">images/cheese.png></image>
   </item>
  </spot>

今、これをjavascript内で整理する方法についての手がかりがありません。誰かが私にいくつかのヒントのヒントなどを教えてもらえますか?

4

1 に答える 1

1

このStackOverflow answerで、jQuery を使用して XML を解析する方法の例を見つけることができます。CSS セレクターを使用して必要なタグを探し、必要なデータを抽出するだけです。jQuery または JavaScript DOM メソッド (document.createElement# など) を使用して、必要な HTML を構築できます。

jQuery を使用したくない場合は、このブログ エントリで、XML 文字列から XML-DOM オブジェクトを作成する方法を説明しています。その後、ブラウザーの DOM メソッドを使用して、必要なデータを取得できます。

于 2013-02-05T09:35:48.643 に答える