Vurgulu efektleri DHTML ve CSS, FrontPage kullanarak form düğmeler oluşturma hakkında

Makale çevirileri Makale çevirileri
Makale numarası: 222949 - Bu makalenin geçerli olduğu ürünleri görün.
Hepsini aç | Hepsini kapa

Özet

FrontPage 2000 ve FrontPage 2002 zengin bir geçişli stil sayfası (CSS) ve dinamik HTML (DHTML), çeşitli bağlantı vurgulama ve efektler oluşturmanıza izin yetenekleri geliştirme içerir. Bu, makalede Vurgulu düğme efektleri için normal form alan düğmelerini CSS özellikler ve biçimlendirme DHTML kullanarak oluşturabilirsiniz.

Daha fazla bilgi

Vurgulu düğme efektleri form alanı düğmeler oluşturmak için aşağıdaki adımları izleyin:
  1. Yeni, boş bir sayfa oluşturur.
  2. Ekle menüsünden form 'un üzerine gelin ve formu tıklatın.
  3. Varsayılan "Gönder" düğmesini renk uygulamak için aşağıdaki adımları izleyin:

    1. Gönder düğmesini sağ tıklatın ve Form alanı özellikleri ' ni tıklatın.
    2. Biçem ' i tıklatın.
    3. Biçim ve sonra kenarlığı tıklatın.
    4. Gölgelendirme sekmesini tıklatın.
    5. Önalan rengi ve arka plan rengi listeleri bir renk seçmek için tıklatın.
    6. Belgeye geri dönmek için üç kez Tamam ' ı tıklatın.
  4. DHTML bağlantı vurgulama rengi eklemek için aşağıdaki adımları izleyin:

    1. Gönder düğmesini tıklatın.
    2. Dinamik HTML Efektleri, Biçim menüsünden'ı tıklatın.
    3. Açık listesinde Fare üstünde seçmek için tıklatın.
    4. Uygula</a0> listesinde, Biçimlendirme seçmek için tıklatın.
    5. Listesinde <a0>Uygula</a0> listesinin sağında Kenarlık Seç'i seçmek için tıklatın.
    6. Gölgelendirme sekmesini tıklatın.
    7. Önalan rengi ve arka plan rengi listeleri bir renk seçmek için tıklatın.
    8. Tamam ' ı tıklatın ve sonra da DHTML Efektleri</a0> araç kapatın.
  5. Bağlantı vurgulama rengi için <a2>Gönder</a2> düğmesini taşımak için aşağıdaki adımları izleyin:

    1. HTML görünümüne geçin.
    2. HTML görünümünde aşağıdaki kod <p>taşıyın. için etiket sizin <input>için etiketi:
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Not: "arka plan rengi" ve "renkli" önceki koda göre farklı olabilir.
  6. Isterseniz, son birkaç adımı Sıfırla düğmesi için yineleyin.
  7. Önceki adımlar tamamlandığında, HTML kodu aşağıdaki HTML kodu örnektekine benzer görünebilir:
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. Bu sayfayı, Masaüstü "HoverTest.htm" olarak kaydedin ve FrontPage simge durumuna küçültün.
  9. FrontPage aşağıdaki iki dosyaları masaüstünüze kaydettiğiniz görürsünüz:

    • HoverTest.htm.
    • Animate.js.
    Ilk dosyanın önceki adımlarda oluşturduğunuz sayfa, ikinci dosya sayfayı kullanan bir DHTML işlevler topluluğu.
  10. "HoverTest.htm" ınternet Explorer 4.0 veya sonraki bir sürümde açın. Her düğmenin üzerinde farenizi hareket ettirdiğinizde, değiştirme renk görmelisiniz dikkat edin.

Özellikler

Makale numarası: 222949 - Last Review: 24 Ocak 2007 Çarşamba - Gözden geçirme: 1.3
Bu makaledeki bilginin uygulandığı durum:
  • Microsoft FrontPage 2000 Standard Edition
  • Microsoft FrontPage 2002 Standard Edition
Anahtar Kelimeler: 
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMttr
Machine-translated Article
ÖNEMLİ: Bu makale, bir kişi tarafından çevrilmek yerine, Microsoft makine-çevirisi yazılımı ile çevrilmiştir. Microsoft size hem kişiler tarafından çevrilmiş, hem de makine-çevrisi ile çevrilmiş makaleler sunar. Böylelikle, bilgi bankamızdaki tüm makalelere, kendi dilinizde ulaşmış olursunuz. Bununla birlikte, makine tarafından çevrilmiş makaleler mükemmel değildir. Bir yabancının sizin dilinizde konuşurken yapabileceği hatalar gibi, makale; kelime dağarcığı, söz dizim kuralları veya dil bilgisi açısından yanlışlar içerebilir. Microsoft, içeriğin yanlış çevrimi veya onun müşteri tarafından kullanımından doğan; kusur, hata veya zarardan sorumlu değildir. Microsoft ayrıca makine çevirisi yazılımını sıkça güncellemektedir.
Makalenin İngilizcesi aşağıdaki gibidir:222949

Geri Bildirim Ver

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com