2013-02-14 25 views
5

अरे दोस्तों मैं एनिमेट मार्जिन राइट प्रॉपर्टी का उपयोग कर बाईं ओर पृष्ठभूमि छवि स्क्रॉल करने की कोशिश कर रहा हूं जो एक लिंक पर क्लिक करके सक्रिय है, लेकिन यह काम नहीं कर रहा है। अजीब चीज यह है कि जब मैं मार्जिन लेफ्ट का उपयोग करता हूं तो यह काम करता है, यह सिर्फ पीछे की तरफ है। यहां मेरा test site है, और यहां मेरा गैर काम करने वाला jQuery कोड है: (फिर से मैं बाईं ओर स्क्रॉल करने के लिए पृष्ठभूमि छवि प्राप्त करने का प्रयास कर रहा हूं) कृपया मुझे बताएं कि क्या मैं इसे आसान बनाने के लिए कुछ और पोस्ट कर सकता हूं।jQuery एनिमेट मार्जिन राइट काम नहीं कर रहा है, लेकिन मार्जिन लाइफ ठीक काम करता है

<script type="text/javascript"> 
jQuery(document).ready(
function(){ 
    jQuery('#homelink').click(
     function(){ 
      jQuery('#SiteBackground').animate({ 
       marginRight : "1000px" 
      },10000); 
     }); 
}); 
</script> 

और मेरे एचटीएमएल: (#SiteBackground क्या मैं बाईं ओर ले जाना चाहते हैं है, और #homelink उत्प्रेरक है)

<img id="SiteBackground" src="/jscottsavage/media/Main/Backdrop.jpg" style="position: absolute; left: 0px; top: 0px; z-index: -1; height: 384px;"> 

<div id="homelink">Home</div> 

उत्तर

2

ठीक लोग मैं यह करने के लिए एक तरीका खोज निकाला। मुझे यकीन नहीं है कि यह सही/उचित तरीका है लेकिन यह फ़ायरफ़ॉक्स, क्रोम और आईई 7+ में काम करता है, इसलिए मैं इसे तब तक उपयोग करने जा रहा हूं जब तक कि मुझे ऐसा करने का बेहतर तरीका न मिल जाए। असल में आप जो करते हैं वह 'मार्जिन राइट' को 'मार्जिन लेफ्ट' में बदल देता है, और नीचे दिखाए गए नंबर के सामने एक साइन-इन जोड़ता है।

<script type="text/javascript"> 
jQuery(document).ready(
    function(){ 
     jQuery('#homelink').click(
    function(){ 
     jQuery('#SiteBackground').animate({ 
      marginLeft : "-1000px" 
     },10000); 
    }); 
}); 
</script> 
संबंधित मुद्दे