का उपयोग करना: एक तत्व के इनलाइन शैली के लिए मंडराना (का उपयोग कर HTML/CSS/php)

Question

संभावित डुप्लिकेट:
How do I embed an “a:hover{…}” rule into a style attribute in the middle of a document?
How to write a:hover in inline CSS?

मैं गतिशील एक की मंडराना रंग बदलना चाहते हैं तत्व, लेकिन बाहरी सीएसएस स्टाइलशीट का उपयोग नहीं, केवल इनलाइन। इस कोड (php का उपयोग कर तत्व उत्पन्न करने के लिए)

echo ' 
<div class="container" style="color:#'.$color.'"> 
    '.$contents.' 
</div>'; 

उपयोगकर्ता इस कंटेनर तत्व पर होवर जब है, रंग शैली $color का मूल्य के लिए बदल जाएगा (इस समय वहाँ कोई मँडरा है)।

किसी भी मदद की सराहना की जाएगी।

Answer 1

यह तुम्हारी मदद करेगा यदि जावास्क्रिप्ट सराहनीय

<TD onMouseOver="this.bgColor='#00CC00'" onMouseOut="this.bgColor='#009900'" bgColor=#009900> 
<A HREF="http://www.mysite.com">Click Here</A></TD> 

या

जावास्क्रिप्ट हाइपरलिंक बदलें पाठ का रंग onmouseover

<style type="text/css"> 

a { 
font-weight:bold; 
font-family:verdana; 
text-decoration:none; 
} 

</style> 

<script type="text/javascript" language="javascript"> 
function changeColor(idObj,colorObj) 
{ 
    document.getElementById(idObj.id).style.color = colorObj; 
} 
</script> 

है

<a href="#" style="color: #000000" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#000000'"> 
    Link 1</a> 
<br /> 
<br /> 
<a href="#" style="color: #999999" onmouseover="this.style.color='#008000'" onmouseout="this.style.color='#999999'"> 
    Link 2</a> 
<br /> 
<br /> 
<a href="#" style="color: #FF0000" onmouseover="this.style.color='blue'" onmouseout="this.style.color='#FF0000'"> 
    Link 3</a> 
<br /> 
<br /> 
<a id="lnk1" href="#" style="color: #008000" onmouseover="changeColor(this,'#FF0000');" 
    onmouseout="changeColor(this,'#008000');">Link Color change using javascript function</a> 

Answer 2

आप नहीं कर सकते, क्योंकि आप छद्म चयनकर्ता इनलाइन सेट नहीं कर सकते हैं। आदर्श रूप से, आपको अपने बाहरी सीएसएस में अलग-अलग वर्गों को डिज़ाइन करना चाहिए जो आपको आवश्यक विभिन्न होवर राज्यों का प्रतिनिधित्व करेंगे, और PHP में इन कक्षाओं को आपकी सामग्री में असाइन करें।